shop-components 0.0.24 → 0.0.26

package/dist/stories/cropper/index.d.ts

@@ -0,0 +1,18 @@
+import { LitElement, PropertyValues } from 'lit';
+import { Application } from 'pixi.js';
+import { Texture as Texture3 } from 'three';
+import { Viewport } from 'pixi-viewport';
+export declare class Cropper extends LitElement {
+    static styles: import("lit").CSSResult;
+    app: Application<import("pixi.js").ICanvas>;
+    viewport: Viewport;
+    texture: Texture3;
+    private _sprite;
+    constructor();
+    resize: () => void;
+    container: HTMLDivElement | undefined;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    add(url: string): Promise<void>;
+    disconnectedCallback(): void;
+    protected render(): unknown;
+}

package/dist/stories/cropper/index.js

@@ -0,0 +1,118 @@
+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, html, LitElement, unsafeCSS } from 'lit';
+import { customElement, query } from 'lit/decorators.js';
+import { Application, Rectangle, Sprite, Texture } from 'pixi.js';
+import { Texture as Texture3 } from 'three';
+import { Viewport } from 'pixi-viewport';
+import bg from './asserts/bg-png.png?url';
+let Cropper = class Cropper extends LitElement {
+    static { this.styles = css `
+    :host {
+      width: 100%;
+      height: 100%;
+    }
+    .cropper-container {
+      width: 100%;
+      height: 100%;
+
+      canvas {
+        width: 100%;
+        height: 100%;
+        background: url("${unsafeCSS(bg)}") center repeat;
+        background-size: 25px;
+      }
+
+      device-viewer {
+        position: absolute;
+        left: 500px;
+        top: 0px;
+        height: 1000px;
+      }
+    }
+  `; }
+    constructor() {
+        super();
+        this.app = new Application({
+            backgroundAlpha: 0,
+            autoDensity: true,
+            resolution: 2
+        });
+        this.viewport = new Viewport({
+            events: this.app.renderer.events,
+            worldWidth: 250,
+            worldHeight: 250
+        });
+        this.texture = new Texture3(this.app.view);
+        this._sprite = new Sprite();
+        this.resize = this.app.resize.bind(this.app);
+        this.app.stage.addChild(this.viewport);
+        const changed = async () => {
+            const { left, right, top, bottom, worldWidth, worldHeight } = this.viewport;
+            const rect = new Rectangle(left, top, right - left, bottom - top);
+            if (!this.app.view.toDataURL)
+                return;
+            const image = this.app.view.toDataURL('image/png', 0.75);
+            this.dispatchEvent(new CustomEvent('image-change', {
+                detail: { image },
+                bubbles: true,
+                composed: true
+            }));
+        };
+        this.viewport
+            .drag({})
+            .pinch()
+            .wheel()
+            .decelerate({
+            friction: 0,
+            bounce: 1
+        })
+            .on('zoomed-end', changed)
+            .on('moved-end', changed);
+        this.app.view.addEventListener('wheel', function (event) {
+            event.preventDefault();
+        }, { passive: false });
+    }
+    firstUpdated(_changedProperties) {
+        super.firstUpdated(_changedProperties);
+        if (!this.container)
+            return;
+        this.container?.append(this.app.view);
+        this.app.resizeTo = this.container;
+        this.viewport.addChild(this._sprite);
+    }
+    async add(url) {
+        this._sprite.texture = await Texture.fromURL(url);
+        this._sprite.anchor.set(0.5, 0.5);
+        this._sprite.position.set(this.viewport.center.x / 2, this.viewport.center.y / 2);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.viewport.destroy({
+            children: true,
+            texture: true,
+            baseTexture: true
+        });
+        this.viewport.off('zoomed');
+        this.viewport.off('moved');
+        this.viewport.off('moved-end');
+        this.app.destroy(true);
+    }
+    render() {
+        return html `
+      <div class="cropper-container"></div>
+    `;
+    }
+};
+__decorate([
+    query('.cropper-container')
+], Cropper.prototype, "container", void 0);
+Cropper = __decorate([
+    customElement('image-cropper')
+], Cropper);
+export { Cropper };
+//# sourceMappingURL=index.js.map

package/dist/stories/cropper/index.js.map

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

package/dist/stories/cropper/index.stories.d.ts

@@ -0,0 +1,11 @@
+import { Cropper } from './index';
+declare const _default: {
+    title: string;
+    tags: string[];
+    render: () => Cropper;
+    argTypes: {};
+};
+export default _default;
+export declare const Primary: {
+    args: {};
+};

package/dist/stories/cropper/index.stories.js

@@ -0,0 +1,14 @@
+import { Cropper } from './index';
+export default {
+    title: 'Shop/ImageCropper',
+    tags: ['autodocs'],
+    render: () => {
+        const cropper = new Cropper();
+        return cropper;
+    },
+    argTypes: {}
+};
+export const Primary = {
+    args: {}
+};
+//# sourceMappingURL=index.stories.js.map

package/dist/stories/cropper/index.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../stories/cropper/index.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAEjC,eAAe;IACb,KAAK,EAAE,mBAAmB;IAC1B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,MAAM,EAAE,GAAG,EAAE;QACX,MAAM,OAAO,GAAG,IAAI,OAAO,EAAE,CAAA;QAC7B,OAAO,OAAO,CAAA;IAChB,CAAC;IACD,QAAQ,EAAE,EAAE;CACb,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,IAAI,EAAE,EAAE;CACT,CAAA"}

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

@@ -0,0 +1,75 @@
+import { Object3D, TextureLoader } from 'three';
+import { Logo, Scene3D, Skin, Slot } from './scene';
+import { ObjectSize } from './utils';
+import { SizeBox } from './dimension/size-box';
+import { AMRAssembly } from '@/device-viewer/assembly';
+import EventEmitter from 'eventemitter3';
+export declare const textureLoader: TextureLoader;
+export interface AmrProps {
+    url?: string;
+    showSizeBox: boolean;
+}
+export declare class Amr extends Object3D {
+    private _props;
+    private _emitter;
+    addEventListener: <T extends string | symbol>(event: T, fn: (...args: any[]) => void, context?: any) => EventEmitter<string | symbol, any>;
+    private _container;
+    private _app;
+    sizeBox: SizeBox;
+    _goodsSize: ObjectSize;
+    _slots: Slot[];
+    _logos: Logo[];
+    _skins: Skin[];
+    _levels: Map<number, AMRAssembly>;
+    private _lift;
+    private _fork;
+    private _jack;
+    private _bodyOpacity;
+    private _breathLights;
+    private _outline;
+    private _shelf;
+    private _shelves;
+    private _url;
+    private _shapeKeys;
+    private _materialsCache;
+    opacityCache: undefined | number;
+    get shapeKeys(): Map<string, number>;
+    get size(): {
+        width: number;
+        length: number;
+        height: number;
+    };
+    get slots(): Slot[];
+    get logos(): Logo[];
+    get skins(): Skin[];
+    get bodyOpacity(): number;
+    get fork(): Object3D<import("three").Object3DEventMap> | undefined;
+    get jack(): Object3D<import("three").Object3DEventMap> | undefined;
+    get lift(): Object3D<import("three").Object3DEventMap> | undefined;
+    set bodyOpacity(o: number);
+    constructor(_props: AmrProps);
+    init(app: Scene3D): void;
+    load(url: string): Promise<void>;
+    changeSkin(skin: Skin, value: string): void;
+    changeLogo(logo: Logo, url: string): void;
+    setShapeKey(key: string, value: number): void;
+    private _generateAmr;
+    setHeight(height: number): void;
+    setWeight(width: number): void;
+    setLength(length: number): void;
+    setForkHeight(height: number): void;
+    setJackHeight(height: number): void;
+    setLevel(level: number): void;
+    setGoodsSize(size: {
+        length: number;
+        width: number;
+        height: number;
+    }): void;
+    generateShelfLevel(levelMax?: number): void;
+    generateOuterLine(): void;
+    generateController(m: Object3D, amr: Object3D): void;
+    generateDimension(m: Object3D, amr: Object3D): void;
+    generateSlot(m: Object3D): Slot | undefined;
+    clean(): void;
+    destroy(): void;
+}