shop-components 0.0.25 → 0.0.26

package/dist/stories/device-viewer/dimension/index.d.ts

@@ -0,0 +1,31 @@
+import { CSS3DObject } from 'three/examples/jsm/renderers/CSS3DRenderer';
+import { Vector3 } from 'three';
+import EventEmitter from 'eventemitter3';
+export interface DimensionProps {
+    start: Vector3;
+    end: Vector3;
+    startOrigin?: Vector3;
+    axios: 'x' | 'y' | 'z';
+    divider: number;
+}
+export declare class Dimension extends CSS3DObject {
+    props: DimensionProps;
+    private _scale;
+    private _emitter;
+    addEventListener: <T extends string | symbol>(event: T, fn: (...args: any[]) => void, context?: any) => EventEmitter<string | symbol, any>;
+    removeEventListener: <T extends string | symbol>(event: T, fn: (...args: any[]) => void, context?: any) => EventEmitter<string | symbol, any>;
+    private endNode;
+    private _textNode;
+    private _mouseStart;
+    private _targetSize;
+    private _caches;
+    private _sizeFlag;
+    private _direction;
+    private _lines;
+    constructor(props: DimensionProps);
+    private _getIndexByAxios;
+    private _pointerdown;
+    private _pointermove;
+    private _pointercancel;
+    dispose(): void;
+}

package/dist/stories/device-viewer/dimension/index.js

@@ -0,0 +1,131 @@
+import { CSS3DObject } from 'three/examples/jsm/renderers/CSS3DRenderer';
+import { Vector2 } from 'three';
+import EventEmitter from 'eventemitter3';
+export class Dimension extends CSS3DObject {
+    constructor(props) {
+        const box = document.createElement('div');
+        super(box);
+        this.props = props;
+        this._scale = 0.01;
+        this._emitter = new EventEmitter();
+        this.addEventListener = this._emitter.on.bind(this._emitter);
+        this.removeEventListener = this._emitter.on.bind(this._emitter);
+        this._mouseStart = new Vector2();
+        this._targetSize = new Vector2();
+        this._caches = [];
+        this._sizeFlag = 'width';
+        this._direction = 1;
+        this._lines = [];
+        this._pointerdown = (e) => {
+            const { pageX, pageY } = e;
+            this.endNode.setPointerCapture(e.pointerId);
+            this._mouseStart.set(pageX, pageY);
+            this._targetSize.setX(parseFloat(this.endNode.parentElement.style.width));
+            this._targetSize.setY(parseFloat(this.endNode.parentElement.style.height));
+        };
+        this._pointermove = (e) => {
+            if (!this._mouseStart.x)
+                return;
+            const { pageX, pageY } = e;
+            let offset = pageX - this._mouseStart.x;
+            let width = offset + this._targetSize.x;
+            if (this._sizeFlag === 'height') {
+                offset = pageY - this._mouseStart.y;
+                width = offset * this._direction + this._targetSize.y;
+            }
+            const more = width % 10;
+            width = width - more;
+            offset = (width - this._targetSize.x) * this._direction;
+            if (this._sizeFlag === 'height') {
+                offset = (width - this._targetSize.y) * this._direction;
+            }
+            this._textNode.innerText = (width / 100).toFixed(2) + ' m';
+            this.endNode.parentElement.style[this._sizeFlag] = `${width}px`;
+        };
+        this._pointercancel = (e) => {
+            this.endNode.releasePointerCapture(e.pointerId);
+            this._mouseStart.set(0, 0);
+        };
+        const { start, end } = props;
+        const length = end.distanceTo(start);
+        if (this.props.axios === 'z') {
+            this.props.axios = 'y';
+        }
+        else if (this.props.axios === 'y') {
+            this.props.axios = 'z';
+        }
+        if (this.props.axios === 'y') {
+            this._sizeFlag = 'height';
+        }
+        const wrapper = document.createElement('div');
+        wrapper.style.position = 'absolute';
+        wrapper.style.left = '0';
+        wrapper.style.bottom = '0';
+        box.append(wrapper);
+        this._textNode = document.createElement('div');
+        this._textNode.innerText = length.toFixed(2) + ' m';
+        wrapper.append(this._textNode);
+        const endNode = document.createElement('div');
+        this.endNode = endNode;
+        endNode.style.position = 'absolute';
+        endNode.style.left = 'auto';
+        endNode.style.right = '0';
+        endNode.style.width = '4px';
+        endNode.style.height = '4px';
+        endNode.style.background = '#0066FF';
+        endNode.style.borderRadius = '50%';
+        endNode.style.margin = '-2px -2px 0 0';
+        endNode.style.cursor = 'pointer';
+        wrapper.append(endNode);
+        this.scale.set(this._scale, this._scale, this._scale);
+        box.style.fontSize = '6px';
+        box.style.color = '#fff';
+        wrapper.style[this._sizeFlag] = length * 100 + 'px';
+        wrapper.style.textAlign = 'center';
+        if (this._sizeFlag === 'height') {
+            wrapper.style.borderLeft = '0.1px dashed #fff';
+            wrapper.style.display = 'flex';
+            wrapper.style.alignItems = 'center';
+            wrapper.style.justifyContent = 'center';
+            wrapper.style.whiteSpace = 'nowrap';
+            endNode.style.top = '0';
+            endNode.style.left = '0';
+            endNode.style.right = 'auto';
+            endNode.style.margin = '-2px 0 0 -2px';
+        }
+        else {
+            wrapper.style.borderBottom = '0.1px dashed #fff';
+        }
+        endNode.addEventListener('pointerdown', this._pointerdown);
+        endNode.addEventListener('pointermove', this._pointermove);
+        endNode.addEventListener('pointerup', this._pointercancel);
+        if (end[this.props.axios] < start[this.props.axios]) {
+            this.rotateY(Math.PI);
+        }
+        else {
+            this._direction = -1;
+        }
+    }
+    _getIndexByAxios() {
+        if (this.props.axios === 'y') {
+            return 1;
+        }
+        else if (this.props.axios === 'z') {
+            return 2;
+        }
+        else {
+            return 0;
+        }
+    }
+    dispose() {
+        this._lines.forEach(l => l.dispose());
+        this._emitter.removeAllListeners();
+        this.endNode.removeEventListener('pointerdown', this._pointerdown);
+        this.endNode.removeEventListener('pointermove', this._pointermove);
+        this.endNode.removeEventListener('pointerup', this._pointercancel);
+        this.element.remove();
+        this._caches.forEach(m => m.clear());
+        this._caches = [];
+    }
+}
+//# sourceMappingURL=index.js.map

package/dist/stories/device-viewer/dimension/index.js.map

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

package/dist/stories/device-viewer/dimension/line3.d.ts

@@ -0,0 +1,21 @@
+import { CSS3DObject } from 'three/examples/jsm/renderers/CSS3DRenderer';
+import { Vector3 } from 'three';
+export declare class Line3 extends CSS3DObject {
+    private _startWith?;
+    private _text;
+    constructor(start: Vector3, end: Vector3, _startWith?: string | undefined);
+    getV(v: number): number;
+    getSV(v: number): number;
+    dispose(): void;
+    hide(): void;
+    show(): void;
+    update(start: Vector3, end: Vector3): void;
+    updateSize(pos: Vector3): void;
+}
+export declare class Text3 extends CSS3DObject {
+    constructor(text: string, color?: string);
+    hide(): void;
+    show(): void;
+    update(text: string): void;
+    updateSize(pos: Vector3): void;
+}

package/dist/stories/device-viewer/dimension/line3.js

@@ -0,0 +1,98 @@
+import { CSS3DObject } from 'three/examples/jsm/renderers/CSS3DRenderer';
+import { Vector3 } from 'three';
+const mainColor = '#898989';
+export class Line3 extends CSS3DObject {
+    constructor(start, end, _startWith) {
+        const box = document.createElement('div');
+        super(box);
+        this._startWith = _startWith;
+        this._text = new Text3('');
+        const text = document.createElement('div');
+        box.append(text);
+        const midPoint = new Vector3().addVectors(start, end).multiplyScalar(0.5);
+        this.position.copy(midPoint.multiplyScalar(1));
+        const distance = start.distanceTo(end);
+        let angle = Math.atan2(start.z - end.z, start.x - end.x);
+        this.rotation.y = -angle;
+        if (start.y - end.y) {
+            angle = Math.atan2(start.y - end.y, start.x - end.x);
+            this.rotation.z = angle;
+        }
+        box.style.zIndex = (Math.random() * 10000).toFixed(0);
+        box.style.pointerEvents = 'none';
+        box.style.width = `${this.getV(distance)}px`;
+        box.style.borderBottom = `0.1px solid #cccccd`;
+        box.style.textAlign = 'center';
+        box.style.transition = 'all .3s';
+        box.style.color = mainColor;
+        this.add(this._text);
+        this.update(start, end);
+        this.scale.set(0.01, 0.01, 0.01);
+        this.rotateX(-Math.PI / 2);
+    }
+    getV(v) {
+        return v * 100;
+    }
+    getSV(v) {
+        return v * 1000;
+    }
+    dispose() {
+        this.element.remove();
+        this.clear();
+        this.removeFromParent();
+    }
+    hide() {
+        this.element.style.opacity = '0';
+        this._text.hide();
+    }
+    show() {
+        this.element.style.opacity = '1';
+        this._text.show();
+    }
+    update(start, end) {
+        const distance = start.distanceTo(end);
+        this.element.style.width = `${this.getV(distance)}px`;
+        this.element.style.width = `${this.getV(distance)}px`;
+        const showText = `${(this.getSV(distance)).toFixed(0)} mm`;
+        this._text.update(this._startWith ? `${this._startWith}${showText}` : showText);
+        const midPoint = new Vector3().addVectors(start, end).multiplyScalar(0.5);
+        this.position.copy(midPoint.multiplyScalar(1));
+    }
+    updateSize(pos) {
+        this._text.updateSize(pos);
+    }
+}
+export class Text3 extends CSS3DObject {
+    constructor(text, color = mainColor) {
+        const box = document.createElement('div');
+        super(box);
+        box.style.pointerEvents = 'none';
+        box.innerText = text;
+        box.style.fontSize = '5px';
+        box.style.color = color;
+        box.style.paddingBottom = '5px';
+        box.style.transition = 'all .3s';
+        this.position.setY(1);
+    }
+    hide() {
+        this.element.style.opacity = '0';
+    }
+    show() {
+        this.element.style.opacity = '1';
+    }
+    update(text) {
+        this.element.innerText = text;
+    }
+    updateSize(pos) {
+        const current = this.parent?.position.clone();
+        current?.setY(this.position.y);
+        let distance = current?.distanceTo(pos) || 1;
+        distance *= 1.2;
+        if (distance < 5) {
+            distance = 5;
+        }
+        this.element.style.fontSize = `${distance}px`;
+        this.element.style.paddingBottom = `${distance}px`;
+    }
+}
+//# sourceMappingURL=line3.js.map

package/dist/stories/device-viewer/dimension/line3.js.map

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

package/dist/stories/device-viewer/dimension/size-box.d.ts

@@ -0,0 +1,39 @@
+import { Box3, Object3D } from 'three';
+import { Tween } from '@tweenjs/tween.js';
+import { Scene3D } from '../scene';
+export declare class SizeBox extends Object3D {
+    private _box3;
+    private _line1;
+    private _line2;
+    private _line3;
+    private _outline;
+    private _object;
+    _fitAnimation: Tween<any> | undefined;
+    private _radius;
+    private _app;
+    private _hasWidthConfig;
+    private _hasLengthConfig;
+    private _hasHeightConfig;
+    follow: string;
+    followOrigin: number;
+    followScale: number;
+    originOffset: number;
+    translateCache: number;
+    constructor();
+    get hasSizeConfig(): {
+        length: boolean;
+        width: boolean;
+        height: boolean;
+    };
+    get size(): Box3;
+    get radius(): number;
+    init(app: Scene3D): void;
+    reset(): void;
+    private _changeSize;
+    private _change;
+    generate(object?: Object3D, offset?: number): void;
+    show(): void;
+    hide(): void;
+    dispose(): void;
+    update(originOffset?: number): void;
+}

package/dist/stories/device-viewer/dimension/size-box.js

@@ -0,0 +1,176 @@
+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 { Box3, Object3D, Vector3 } from 'three';
+import { calculateTotalDimensionsUsingVertices, debounce } from '../utils';
+import { Line3 } from './line3';
+import { CSS2DObject } from 'three/examples/jsm/renderers/CSS2DRenderer';
+import { customElement, state } from 'lit/decorators.js';
+import { css, html, LitElement } from 'lit';
+import styles from './css.styl?inline';
+import { Outerline } from '../outerline';
+export class SizeBox extends Object3D {
+    constructor() {
+        super();
+        this._box3 = new Box3();
+        this._outline = new Outerline(0, 0);
+        this._radius = 0;
+        this._hasWidthConfig = false;
+        this._hasLengthConfig = false;
+        this._hasHeightConfig = false;
+        this.follow = '';
+        this.followOrigin = 0;
+        this.followScale = 1;
+        this.originOffset = 0;
+        this.translateCache = 0;
+        this._changeSize = debounce((pos) => {
+            this._line1?.updateSize(pos);
+            this._line2?.updateSize(pos);
+            this._line3?.updateSize(pos);
+        }, 100);
+        this._change = () => {
+            if (!this._app)
+                return;
+            const camera = this._app.camera;
+            if (!camera)
+                return;
+            this._outline.change(camera.position);
+            this._changeSize(camera.position);
+        };
+        this.add(this._outline);
+    }
+    get hasSizeConfig() {
+        return {
+            length: this._hasLengthConfig,
+            width: this._hasWidthConfig,
+            height: this._hasHeightConfig
+        };
+    }
+    get size() {
+        return this._box3.clone();
+    }
+    get radius() {
+        return this._radius;
+    }
+    init(app) {
+        this._app = app;
+        this._app.controls.addEventListener('change', this._change);
+    }
+    reset() {
+        this.hide();
+    }
+    generate(object, offset = 0) {
+        if (object) {
+            this._object = object;
+        }
+        this.update(offset);
+    }
+    show() {
+        this.visible = true;
+        this.traverse(m => m.visible = true);
+    }
+    hide() {
+        this.visible = false;
+        this.traverse(m => m.visible = false);
+    }
+    dispose() {
+        this._app?.controls.removeEventListener('change', this._change);
+    }
+    update(originOffset = 0) {
+        if (!this._object)
+            return;
+        const object = this._object;
+        const { box, maxRadius, hasLength, hasHeight, hasWidth } = calculateTotalDimensionsUsingVertices(object);
+        this._hasWidthConfig = hasWidth;
+        this._hasLengthConfig = hasLength;
+        this._hasHeightConfig = hasHeight;
+        this._box3.copy(box);
+        this._radius = maxRadius;
+        if (this.follow && originOffset) {
+            this.originOffset = (this.followOrigin - originOffset) * this.followScale;
+        }
+        this._outline.update(this._radius);
+        this._change();
+        const minX = this._box3.min.x;
+        const maxX = this._box3.max.x;
+        const minZ = this._box3.min.z;
+        const maxZ = this._box3.max.z;
+        const minY = this._box3.min.y;
+        const maxY = this._box3.max.y;
+        let offset = 0.3;
+        const s1 = new Vector3(minX, 0, minZ);
+        const s2 = new Vector3(maxX, 0, minZ);
+        if (!this._line1) {
+            this._line1 = new Line3(s1.clone().sub(new Vector3(0, 0, offset)), s2.clone().sub(new Vector3(0, 0, offset)), '长：');
+        }
+        else {
+            this._line1.update(s1.clone().sub(new Vector3(0, 0, offset)), s2.clone().sub(new Vector3(0, 0, offset)));
+        }
+        const s3 = new Vector3(maxX, 0, maxZ);
+        if (!this._line2) {
+            this._line2 = new Line3(s2.clone().add(new Vector3(offset, 0, 0)), s3.clone().add(new Vector3(offset, 0, 0)), '宽：');
+        }
+        else {
+            this._line2.update(s2.clone().add(new Vector3(offset, 0, 0)), s3.clone().add(new Vector3(offset, 0, 0)));
+        }
+        const z1 = new Vector3(minX, minY, minZ);
+        const z2 = new Vector3(minX, maxY, minZ);
+        const zo = z1.clone();
+        zo.z -= offset / 2;
+        const z2o = z2.clone();
+        z2o.z -= offset / 2;
+        if (!this._line3) {
+            this._line3 = new Line3(zo, z2o, '高：');
+        }
+        else {
+            this._line3.update(zo, z2o);
+        }
+        this.add(this._line1, this._line2, this._line3);
+    }
+}
+let PointElement = class PointElement extends LitElement {
+    static { this.styles = css([styles]); }
+    constructor(text, active = false) {
+        super();
+        this.text = '';
+        this.active = false;
+        this.text = (text * 1000).toFixed(0);
+        this.active = active;
+    }
+    render() {
+        return html `
+      <div class="pointer-container ${this.active && 'active'}">
+        <div class="point"></div>
+        <div class="value">${this.text} mm</div>
+      </div>
+    `;
+    }
+};
+__decorate([
+    state()
+], PointElement.prototype, "text", void 0);
+__decorate([
+    state()
+], PointElement.prototype, "active", void 0);
+PointElement = __decorate([
+    customElement('point-element')
+], PointElement);
+class Point2d extends CSS2DObject {
+    constructor(v, active = false) {
+        const box = document.createElement('div');
+        super(box);
+        const e = new PointElement(v, active);
+        box.append(e);
+    }
+    destroy() {
+        if (this.element.parentNode) {
+            this.element.parentNode.removeChild(this.element);
+        }
+        this.clear();
+        this.parent?.remove(this);
+    }
+}
+//# sourceMappingURL=size-box.js.map

package/dist/stories/device-viewer/dimension/size-box.js.map

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

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

@@ -0,0 +1,20 @@
+import { AMRAssembly } from './assembly';
+import { Object3D } from 'three';
+import EventEmitter from 'eventemitter3';
+export declare class GroupRoller extends AMRAssembly {
+    private _container;
+    private _emitter;
+    addEventListener: <T extends string | symbol>(event: T, fn: (...args: any[]) => void, context?: any) => EventEmitter<string | symbol, any>;
+    private _widthGap;
+    private _lengthGap;
+    private _row;
+    constructor();
+    loaded(glb: Object3D): void;
+    setShapeKey(key: string, value: number): void;
+    setGoodsSize(size: {
+        length: number;
+        width: number;
+        height: number;
+    }): void;
+    destroy(): void;
+}

package/dist/stories/device-viewer/group-roller.js

@@ -0,0 +1,65 @@
+import { AMRAssembly } from './assembly';
+import Model from './asserts/models/roller-hopper.glb?url';
+import { Group, Vector3 } from 'three';
+import { Roller } from './roller';
+import { Row } from './row';
+import EventEmitter from 'eventemitter3';
+import { clearThreeObjectMesh } from './utils';
+export class GroupRoller extends AMRAssembly {
+    constructor() {
+        super(Model);
+        this._container = new Group();
+        this._emitter = new EventEmitter();
+        this.addEventListener = this._emitter.addListener.bind(this._emitter);
+        this._widthGap = 0.01;
+        this._lengthGap = 0.01;
+        this._row = new Row(this._widthGap);
+        this.add(this._container);
+    }
+    loaded(glb) {
+        this._container.add(glb.clone(true));
+        const row = this._row;
+        row.addEventListener('size-change', ({ width, length, height }) => {
+            this.setShapeKey('goodsWidth', width);
+            this.setShapeKey('goodsLength', length);
+            this.size.width = length + this._lengthGap;
+            this.size.length = width + this._widthGap;
+            this.size.height = height;
+            this._emitter.emit('size-change', this.size);
+        });
+        const t = new Roller({
+            goodsSize: new Vector3(1, 1, 1)
+        });
+        const t2 = new Roller({
+            goodsSize: new Vector3(1, 1, 1)
+        });
+        row.addItem(t);
+        row.addItem(t2);
+        this.add(row);
+    }
+    setShapeKey(key, value) {
+        const nodes = [];
+        if (['length', 'width'].includes(key)) {
+            value -= 0.2;
+        }
+        this._container.traverse(node => {
+            if (!Object.keys(node.morphTargetDictionary || {}).includes(key))
+                return;
+            let val = value;
+            if (node.userData[`origin_${key}`]) {
+                val -= node.userData[`origin_${key}`];
+            }
+            const index = node.morphTargetDictionary[key];
+            node.morphTargetInfluences && (node.morphTargetInfluences[index] = val);
+        });
+    }
+    setGoodsSize(size) {
+        this._row.items.forEach((item) => item.setGoodsSize(size));
+    }
+    destroy() {
+        this._emitter.removeAllListeners();
+        this._row.destroy();
+        clearThreeObjectMesh(this);
+    }
+}
+//# sourceMappingURL=group-roller.js.map

package/dist/stories/device-viewer/group-roller.js.map

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