shop-components 0.1.67 → 0.2.1

package/dist/{device-viewer → stories/device-viewer}/scene.d.ts

@@ -1,6 +1,7 @@
-import { Mesh, MeshStandardMaterial, Object3D, OrthographicCamera, PerspectiveCamera, Scene, Vector2, WebGLRenderer } from 'three';
+import { Color, Mesh, MeshStandardMaterial, Object3D, OrthographicCamera, PerspectiveCamera, Scene, Vector2, Vector3, WebGLRenderer } from 'three';
 import { OutlinePass } from 'three/examples/jsm/postprocessing/OutlinePass';
 import { ShaderPass } from 'three/examples/jsm/postprocessing/ShaderPass';
+import { UnrealBloomPass } from 'three/examples/jsm/postprocessing/UnrealBloomPass';
 import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls';
 import { WebGLPathTracer } from 'three-gpu-pathtracer';
 import { EffectComposer } from 'three/examples/jsm/postprocessing/EffectComposer';
@@ -52,6 +53,7 @@ export interface SceneProps {
     useAxisBall?: boolean;
     axisBallOffset?: Vector2;
     workerUrl?: string;
+    isMobile?: boolean;
 }
 export declare class Scene3D {
     props: SceneProps;
@@ -71,11 +73,17 @@ export declare class Scene3D {
     _outlinePass: OutlinePass;
     _outlinePassError: OutlinePass;
     _fxaaPass: ShaderPass;
+    _bloomPass: UnrealBloomPass;
+    private _progressShadow;
+    test: Mesh;
+    private _clock;
+    private _uiHiddenTime;
     camera: PerspectiveCamera;
     private _mainCamera;
     d: number;
     orthographicCamera: OrthographicCamera;
     controls: OrbitControls;
+    private _cameraPositionUI;
     private _controlsGizmo;
     private _axisMoving;
     private _resizeObserver;
@@ -85,7 +93,6 @@ export declare class Scene3D {
     private _selected;
     private _pointerDownTimeout;
     pane: Pane | undefined;
-    lines: DeviceLines;
     private _dragging;
     readonly maxSample: number;
     sampleCount: number;
@@ -94,8 +101,19 @@ export declare class Scene3D {
     private _fpsCacheMax;
     private _emitter;
     sound: Sound;
+    private _rafId;
+    private _destroyed;
     private _ground;
+    private light;
+    private _amrRender;
+    private _pointCloudMode;
+    get pointCloudMode(): boolean;
+    set pointCloudMode(enabled: boolean);
     get usePathTracing(): boolean;
+    private _clearAmrContent;
+    private _shadowMode;
+    get shadowMode(): boolean;
+    set shadowMode(use: boolean);
     set usePathTracing(use: boolean);
     get fpsAverage(): number;
     constructor(props: SceneProps);
@@ -105,6 +123,17 @@ export declare class Scene3D {
     removeEventListener: <T extends string | symbol>(event: T, fn: (...args: any[]) => void, context?: any) => EventEmitter<string | symbol, any>;
     showState(): void;
     hideState(): void;
+    hideAmrUI(all?: boolean, hideGoods?: boolean): void;
+    showAmrUI(all?: boolean): void;
+    private _showSlots;
+    get showSlots(): boolean;
+    set showSlots(value: boolean);
+    private _showSize;
+    get showSize(): boolean;
+    set showSize(value: boolean);
+    private _showControls;
+    get showControls(): boolean;
+    set showControls(value: boolean);
     private _updateCamera;
     private _loadEnv;
     private _drag;
@@ -118,12 +147,15 @@ export declare class Scene3D {
     toCameraRight(): void;
     toCameraFace(): void;
     generateBVH(): Promise<void>;
-    download(): Promise<string>;
+    download(useRenderTarget?: boolean): Promise<string>;
+    captureTriViews(options?: TriViewCaptureOptions): Promise<TriViewCaptureResult>;
     clearAMR(): void;
     exportAMR(): Promise<ArrayBuffer | {
-        [key: string]: any;
+        [key: string]: unknown;
     }>;
+    debounceForkHeightChange: () => void;
     addAMR(url: string, type?: string): Promise<void>;
+    focusSlots: (slots: Slot[]) => void;
     fit: () => void;
     select(obj: string | Object3D | Object3D[]): void;
     appendTo(parent: HTMLElement): void;
@@ -135,3 +167,65 @@ export declare class Scene3D {
     clean(): void;
     destroy(): void;
 }
+export type TriViewKey = 'top' | 'front' | 'side' | 'perspective';
+export interface TriViewCaptureSize {
+    width: number;
+    height: number;
+}
+export interface TriViewCaptureView {
+    key: string;
+    direction: Vector3;
+    up: Vector3;
+    plane: TriViewCapturePlane;
+    mode?: 'orthographic' | 'perspective';
+    fov?: number;
+}
+export interface TriViewCaptureOptions {
+    size?: TriViewCaptureSize;
+    margin?: number;
+    includeOverlay?: boolean;
+    backgroundColor?: Color | string | number | null;
+    views?: TriViewCaptureView[];
+    subject?: Object3D;
+    trimTransparent?: boolean;
+    enforceAspect?: boolean;
+    alphaThreshold?: number;
+    trimPadding?: number;
+}
+export interface TriViewCaptureResult {
+    top?: string;
+    front?: string;
+    side?: string;
+    [key: string]: string | undefined;
+}
+interface TriViewCapturePlane {
+    width: 'x' | 'y' | 'z';
+    height: 'x' | 'y' | 'z';
+    depth: 'x' | 'y' | 'z';
+}
+interface TriViewCaptureDeps {
+    renderer: WebGLRenderer;
+    scene: Scene;
+    overlayScene?: Scene;
+    subject: Object3D;
+    onBeforeCapture?: () => void;
+    onAfterCapture?: () => void;
+}
+export declare class TriViewCapture {
+    private deps;
+    private orthoCamera;
+    private perspectiveCamera;
+    private canvas;
+    private pixelBuffer;
+    constructor(deps: TriViewCaptureDeps);
+    capture(options?: TriViewCaptureOptions): Promise<TriViewCaptureResult>;
+    private resolveViews;
+    private computeBounds;
+    private configureCamera;
+    private getPerspectiveDirection;
+    private storeRendererState;
+    private applyRendererState;
+    private restoreRendererState;
+    private readPixels;
+    private ensureCanvas;
+}

package/dist/{device-viewer → stories/device-viewer}/slot/slot-item.d.ts

@@ -1,6 +1,8 @@
 import { LitElement } from 'lit';
 export interface SlotItemProps {
     name: string;
+    isMobile?: boolean;
+    logo?: string;
     onRemove?: () => void;
 }
 export declare class SlotItem extends LitElement {
@@ -10,6 +12,9 @@ export declare class SlotItem extends LitElement {
     static styles: import("lit").CSSResult;
     constructor(props: SlotItemProps);
     selected: boolean;
+    focused: boolean;
+    toBeInstalled: boolean;
+    toBeReplaced: boolean;
     hasError: boolean;
     canInstall: boolean;
     hide: boolean;
@@ -18,6 +23,7 @@ export declare class SlotItem extends LitElement {
     allFunctions: string[];
     functions: string[];
     deviceName: string;
+    deviceLogo: string;
     slot: any;
     get hasMoreFunctions(): boolean;
     removeDevice: () => void;

package/dist/{device-viewer → stories/device-viewer}/slot.d.ts

@@ -10,6 +10,9 @@ export interface SlotProps {
     }>;
     slot: Object3D;
     show: boolean;
+    isMirror: boolean;
+    mirrorTarget?: string;
+    isMobile?: boolean;
 }
 export interface DeviceInfo {
     name: string;
@@ -24,6 +27,7 @@ export declare const SLOT_EVENTS: {
     ON_DEVICE_REPLACED: string;
     ON_BEFORE_SELECTED: string;
     ON_SELECTED: string;
+    ON_ADD_BUTTON_CLICKED: string;
     ON_DEVICE_SELECTED: string;
     ON_DROP_ERROR: string;
     ON_ERROR_STATE_CHANGE: string;
@@ -44,6 +48,9 @@ export declare class Slot extends CSS2DObject {
     private _loading;
     private _selected;
     private _deviceSelected;
+    private _focused;
+    private _toBeInstalled;
+    private _toBeReplaced;
     private _allFunctions;
     private _functions;
     private _timer;
@@ -52,7 +59,10 @@ export declare class Slot extends CSS2DObject {
     get hasDevice(): boolean;
     deviceInfo: DeviceInfo | undefined;
     holeTarget: Object3D | undefined;
+    mirrorTarget: Slot | undefined;
     private _showSlot;
+    private _isMirror;
+    get isMirror(): boolean;
     constructor(props: SlotProps);
     private _preventDefaults;
     shapeKeyChanged(key: string, value: number): void;
@@ -75,6 +85,12 @@ export declare class Slot extends CSS2DObject {
     hide(): void;
     show(): void;
     get selected(): boolean;
+    get focused(): boolean;
+    set focused(f: boolean);
+    get toBeInstalled(): boolean;
+    set toBeInstalled(f: boolean);
+    get toBeReplaced(): boolean;
+    set toBeReplaced(f: boolean);
     set selected(s: boolean);
     get deviceSelected(): boolean;
     set deviceSelected(s: boolean);

package/dist/stories/device-viewer/ui/camera-position.d.ts

@@ -0,0 +1,6 @@
+import { CSS2DObject } from 'three/examples/jsm/renderers/CSS2DRenderer';
+import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls';
+export declare class CameraPosition extends CSS2DObject {
+    private _controls;
+    constructor(_controls: OrbitControls);
+}

package/dist/stories/device-viewer/utils/geometory.d.ts

@@ -0,0 +1,3 @@
+import { BufferGeometry, Object3D, Scene } from 'three';
+export declare function isMesh(m: Object3D): any;
+export declare const mergeObject: (model: Object3D | Scene) => BufferGeometry<import("three").NormalBufferAttributes, import("three").BufferGeometryEventMap>;

package/dist/{device-viewer → stories/device-viewer}/utils/index.d.ts

@@ -38,3 +38,5 @@ export declare const generateLogoSize: (m: Mesh) => {
     width: number;
     height: number;
 };
+export declare function isMobileWeb(): boolean;
+export declare function isMiniProgram(): boolean;

package/dist/{devices → stories/devices}/index.stories.d.ts

@@ -1,4 +1,4 @@
-import ShopDevices from '../../../../../../../stories/devices/index';
+import ShopDevices from './index';
 declare const _default: {
     title: string;
     render: (args: any) => ShopDevices;

package/dist/{devices → stories/devices}/src/connector.d.ts

@@ -1,4 +1,4 @@
-import Pin from '../../../../../../../../stories/devices/src/pin';
+import Pin from './pin';
 export default class Connector {
     readonly uuid: string;
     connections: Pin[];

package/dist/{devices → stories/devices}/src/constraints/same-device-constraint.d.ts

@@ -1,5 +1,5 @@
-import { ConstraintExecResult, Constraintable } from '../../../../../../../../../stories/devices/src/constraints/constraint';
-import Pin from '../../../../../../../../../stories/devices/src/pin';
+import { ConstraintExecResult, Constraintable } from './constraint';
+import Pin from '../pin';
 export default class SameDeviceConstraint extends Constraintable {
     source: Pin;
     target: Pin;

package/dist/{devices → stories/devices}/src/constraints/single-connection-constraint.d.ts

@@ -1,5 +1,5 @@
-import { Constraintable, ConstraintExecResult } from '../../../../../../../../../stories/devices/src/constraints/constraint';
-import Pin from '../../../../../../../../../stories/devices/src/pin';
+import { Constraintable, ConstraintExecResult } from './constraint';
+import Pin from '../pin';
 export default class SingleConnectionConstraint extends Constraintable {
     source: Pin;
     target: Pin;

package/dist/{devices → stories/devices}/src/device.d.ts

@@ -1,4 +1,4 @@
-import Pin from '../../../../../../../../stories/devices/src/pin';
+import Pin from './pin';
 export default class Device {
     private _deviceId;
     private _name;

package/dist/{main.d.ts → stories/main.d.ts}

@@ -1,4 +1,3 @@
 export * from './device-viewer/main';
 export * from './sglb/index';
-export * from './cropper/index';
 export * from './utils/index';

package/dist/vite-env.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="vite/client" />
+import '@types/three'
+
+declare module '*.vue';
+
+declare module "*.glb" {
+  const value: string;
+  export default value;
+}
+
+declare module 'three-gpu-pathtracer';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shop-components",
-  "version": "0.1.67",
+  "version": "0.2.1",
   "description": "Shop components",
   "main": "dist/shop-components.umd.js",
   "module": "dist/shop-components.mjs",
@@ -22,42 +22,44 @@
   "author": "machengda<machengda@seer-group.com>",
   "license": "ISC",
   "devDependencies": {
+    "@needle-tools/gltf-progressive": "^3.3.5",
     "@storybook/addon-essentials": "^8.0.6",
     "@storybook/addon-links": "^8.0.6",
     "@storybook/addon-mdx-gfm": "^8.0.6",
+    "@storybook/addon-themes": "^8.0.6",
     "@storybook/blocks": "^8.0.6",
     "@storybook/web-components": "^8.0.6",
     "@storybook/web-components-vite": "^8.0.6",
     "auto-changelog": "^2.4.0",
-    "lit": "^3.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "storybook": "^8.0.6",
-    "three": "^0.164.0"
+    "vite": "^5.1.6",
+    "vite-plugin-dts": "^3.7.3"
   },
   "resolutions": {
     "string-width": "4.2.3"
   },
   "dependencies": {
     "@nodetoy/three-nodetoy": "^0.1.36",
-    "@storybook/addon-themes": "^8.0.6",
     "@tweakpane/core": "^2.0.3",
     "@tweenjs/tween.js": "^23.1.2",
     "@types/bezier-js": "^4.1.1",
     "@types/howler": "^2.2.11",
-    "@types/three": "^0.164.0",
+    "@types/three": "0.180.0",
     "bezier-js": "^6.1.4",
     "eventemitter3": "^5.0.1",
     "howler": "^2.2.4",
+    "lit": "^3.1.0",
     "pixi-viewport": "^5.0.2",
     "pixi.js": "7.4.0",
     "stats-fps.js": "0.0.6",
     "stylus": "^0.63.0",
+    "terser": "^5.44.0",
+    "three": "0.180.0",
     "three-gpu-pathtracer": "0.0.23",
     "three-mesh-bvh": "^0.7.5",
     "troika-three-text": "^0.49.1",
-    "tweakpane": "^4.0.3",
-    "vite": "^5.1.6",
-    "vite-plugin-dts": "^3.7.3"
+    "tweakpane": "^4.0.3"
   }
 }

package/dist/device-viewer/dimension/size-line.d.ts

@@ -1,15 +0,0 @@
-import { Object3D, Vector3 } from 'three';
-export declare class SizeLine extends Object3D {
-    private _startWith?;
-    private _showText;
-    private _line;
-    private _text;
-    private _textWrapper;
-    private _tw;
-    constructor(_startWith?: string | undefined, _showText?: boolean);
-    reset(): void;
-    update(start: Vector3, end: Vector3): void;
-    updateDirection(pos: Vector3): void;
-    updateSize(pos: Vector3): void;
-    destroy(): void;
-}