shop-components 0.1.66 → 0.1.68

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

@@ -73,7 +73,7 @@ export declare class Amr extends Object3D {
     set bodyOpacity(o: number);
     constructor(_props: AmrProps);
     init(app: Scene3D): void;
-    load(url: string): Promise<void>;
+    load(url: string, type?: string): Promise<void>;
     changeSkin(skin: Skin, value: string): void;
     changeLogo(logo: Logo, configs: CropperConfigs): void;
     setShapeKey(key: string, value: number): void;

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

@@ -21,6 +21,7 @@ export declare class DeviceViewer extends LitElement {
     theme: undefined | string;
     onChange: undefined | Function;
     usePathTracing: boolean;
+    actions: string[];
     shelfLevel: number;
     shapeKeys: Map<any, any>;
     colors: Skin[];
@@ -43,6 +44,8 @@ export declare class DeviceViewer extends LitElement {
     clearAMR: () => void;
     exportAMR: () => Promise<void>;
     addAMR: () => void;
+    playAction: (name: string) => void;
+    pauseAction: (name: string) => void;
     clean: () => void;
     recreate: () => void;
     setShapeKey: (key: string, val: any) => void;

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

@@ -1,7 +1,6 @@
 import { DeviceViewer, Props } from './index';
 declare const _default: {
     title: string;
-    tags: string[];
     render: (args: Props) => DeviceViewer;
     argTypes: {
         test: {

package/dist/device-viewer/pin/pin.d.ts

@@ -0,0 +1,4 @@
+import { CSS2DObject } from 'three/examples/jsm/renderers/CSS2DRenderer';
+export default class Pin extends CSS2DObject {
+    constructor();
+}

package/dist/device-viewer/scene.d.ts

@@ -123,7 +123,7 @@ export declare class Scene3D {
     exportAMR(): Promise<ArrayBuffer | {
         [key: string]: any;
     }>;
-    addAMR(url: string): Promise<void>;
+    addAMR(url: string, type?: string): Promise<void>;
     fit: () => void;
     select(obj: string | Object3D | Object3D[]): void;
     appendTo(parent: HTMLElement): void;

package/dist/device-viewer/slot.d.ts

@@ -10,6 +10,8 @@ export interface SlotProps {
     }>;
     slot: Object3D;
     show: boolean;
+    isMirror: boolean;
+    mirrorTarget?: string;
 }
 export interface DeviceInfo {
     name: string;
@@ -52,7 +54,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;

package/dist/devices/index.d.ts

@@ -0,0 +1,5 @@
+import { LitElement } from 'lit';
+export default class ShopDevices extends LitElement {
+    constructor();
+    protected render(): unknown;
+}

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

@@ -1,8 +1,7 @@
-import { TestViewer, Props } from './index';
+import ShopDevices from '../../../../../../../stories/devices/index';
 declare const _default: {
     title: string;
-    tags: string[];
-    render: (args: Props) => TestViewer;
+    render: (args: any) => ShopDevices;
     argTypes: {};
 };
 export default _default;

package/dist/devices/src/connector.d.ts

@@ -0,0 +1,8 @@
+import Pin from '../../../../../../../../stories/devices/src/pin';
+export default class Connector {
+    readonly uuid: string;
+    connections: Pin[];
+    constructor(uuid?: string);
+    addConnection(pin: Pin): void;
+    describe(): void;
+}

package/dist/devices/src/constraints/constraint.d.ts

@@ -0,0 +1,16 @@
+export interface ConstraintExecResult {
+    valid: boolean;
+    message?: string;
+}
+export declare abstract class Constraintable {
+    protected _valid: boolean;
+    protected constructor();
+    get isValid(): boolean;
+    abstract exec(): ConstraintExecResult;
+}
+export default class Constraint extends Constraintable {
+    constructor();
+    exec(): ConstraintExecResult;
+    addConnection(): void;
+    describe(): void;
+}

package/dist/devices/src/constraints/same-device-constraint.d.ts

@@ -0,0 +1,9 @@
+import { ConstraintExecResult, Constraintable } from '../../../../../../../../../stories/devices/src/constraints/constraint';
+import Pin from '../../../../../../../../../stories/devices/src/pin';
+export default class SameDeviceConstraint extends Constraintable {
+    source: Pin;
+    target: Pin;
+    constructor(source: Pin, target: Pin);
+    setTarget(target: Pin): this;
+    exec(): ConstraintExecResult;
+}

package/dist/devices/src/constraints/single-connection-constraint.d.ts

@@ -0,0 +1,9 @@
+import { Constraintable, ConstraintExecResult } from '../../../../../../../../../stories/devices/src/constraints/constraint';
+import Pin from '../../../../../../../../../stories/devices/src/pin';
+export default class SingleConnectionConstraint extends Constraintable {
+    source: Pin;
+    target: Pin;
+    constructor(source: Pin, target: Pin);
+    setTarget(target: Pin): this;
+    exec(): ConstraintExecResult;
+}

package/dist/devices/src/device.d.ts

@@ -0,0 +1,11 @@
+import Pin from '../../../../../../../../stories/devices/src/pin';
+export default class Device {
+    private _deviceId;
+    private _name;
+    pins: Pin[];
+    get deviceId(): string;
+    get name(): string;
+    constructor(_deviceId: string, _name: string);
+    addPin(pin: Pin): void;
+    describe(): void;
+}

package/dist/devices/src/pin.d.ts

@@ -0,0 +1,43 @@
+export declare enum PIN_TYPES {
+    VCC = "VCC",
+    '24VDC IN-' = "24VDC IN-",
+    GND = "GND",
+    'DI-NPN' = "DI-NPN",
+    PDO = "PDO",
+    '485-B' = "485-B",
+    '485-A' = "485-A",
+    '232-T' = "232-T",
+    '232-R' = "232-R",
+    'CAN-L' = "CAN-L",
+    'CAN-H' = "CAN-H",
+    'SWITCH-N' = "SWITCH-N",
+    'SWITCH-O' = "SWITCH-O",
+    'BOOT-KEY' = "BOOT-KEY",
+    'BOOT-LIGHT' = "BOOT-LIGHT",
+    'MANUAL-CHARGING' = "MANUAL-CHARGING",
+    'EMC IN' = "EMC IN",
+    'EMC P-' = "EMC P-",
+    'EMC P+' = "EMC P+",
+    LAN = "LAN",
+    USB = "USB",
+    HDMI = "HDMI",
+    SPK = "SPK",
+    MIC = "MIC",
+    WIFI = "WIFI",
+    'Contactor O' = "Contactor O",
+    'Contactor N' = "Contactor N"
+}
+export default class Pin {
+    private pinID;
+    private pinType;
+    private group;
+    private voltageMin;
+    private voltageMax;
+    private currentMax;
+    private _deviceId;
+    private _constraints;
+    get deviceId(): string;
+    set deviceId(deviceId: string);
+    constructor(pinID: string, pinType: PIN_TYPES, group: any, voltageMin: number, voltageMax: number, currentMax: number);
+    describe(): void;
+}

package/dist/shop-components.mjs

@@ -57414,14 +57414,14 @@ const Rt = {
 class kx extends V0 {
   constructor(A) {
     const e = document.createElement("div");
-    super(e), this.props = A, this._emitter = new sr(), this._slotContainer = new St(), this._bracketSlots = [], this._hasError = !1, this.useBracket = !1, this.addEventListener = this._emitter.addListener.bind(this._emitter), this.removeEventListener = this._emitter.removeListener.bind(this._emitter), this._canInstall = !1, this._loading = !1, this._selected = !1, this._deviceSelected = !1, this._allFunctions = /* @__PURE__ */ new Set(), this._functions = /* @__PURE__ */ new Set(), this._timer = 0, this._parentPos = new O(), this._wrapper = new St(), this._showSlot = !0, this._preventDefaults = (t) => {
+    super(e), this.props = A, this._emitter = new sr(), this._slotContainer = new St(), this._bracketSlots = [], this._hasError = !1, this.useBracket = !1, this.addEventListener = this._emitter.addListener.bind(this._emitter), this.removeEventListener = this._emitter.removeListener.bind(this._emitter), this._canInstall = !1, this._loading = !1, this._selected = !1, this._deviceSelected = !1, this._allFunctions = /* @__PURE__ */ new Set(), this._functions = /* @__PURE__ */ new Set(), this._timer = 0, this._parentPos = new O(), this._wrapper = new St(), this._showSlot = !0, this._isMirror = !1, this._preventDefaults = (t) => {
       t.preventDefault(), t.stopPropagation();
-    }, this.getWP = this._slotContainer.getWorldPosition.bind(this._slotContainer), this._showSlot = typeof A.show == "boolean" ? A.show : !0, this.name = A.name, this._slotUI = new qt({
+    }, this.getWP = this._slotContainer.getWorldPosition.bind(this._slotContainer), this._showSlot = typeof A.show == "boolean" ? A.show : !0, this.name = A.name, this._isMirror = A.isMirror, this._slotUI = new qt({
       name: A.name,
       onRemove: () => {
         this.clearSlot(), this._emitter.emit(Rt.ON_DEVICE_DELETED);
       }
-    }), this._slotUI.slot = this, this._slotUI.hide = !this._showSlot, e.append(this._slotUI), this._parentPos.copy(this.props.slot.position), this._slotUI.addEventListener("function-removed", ({ detail: t }) => {
+    }), this._slotUI.slot = this, this._slotUI.hide = !this._showSlot || this.isMirror, e.append(this._slotUI), this._parentPos.copy(this.props.slot.position), this._slotUI.addEventListener("function-removed", ({ detail: t }) => {
       this.removeFunction(t);
     }), this._slotUI.addEventListener("function-added", ({ detail: t }) => {
       this.addFunction(t);
@@ -57456,13 +57456,16 @@ class kx extends V0 {
   get hasDevice() {
     return this._slotContainer.children.length > 0;
   }
+  get isMirror() {
+    return this._isMirror;
+  }
   shapeKeyChanged(A, e) {
     var t;
     if (this.props.follows.has(A)) {
       const i = this.props.follows.get(A);
       if (i) {
         let r = "x";
-        A === "height" ? r = "y" : ["width", "liftOuterWidth"].includes(A) && (r = "z");
+        ["height", "mast"].includes(A) ? r = "y" : ["width", "liftOuterWidth"].includes(A) && (r = "z");
         const s = ((t = this.props.slot) == null ? void 0 : t.position[r]) > 0 ? 1 : -1;
         this._wrapper.position[r] = (e - i.origin) * i.scale * s;
       }
@@ -57491,7 +57494,7 @@ class kx extends V0 {
           throw new Error(`Fail to load device from: ${A.url}`);
         if (e.traverse((t) => {
           t.userData.isDevice = !0;
-        }), A.bracketUrl) {
+        }), this.isMirror && e.scale.set(1, 1, -1), A.bracketUrl) {
           const t = await this.loadGlb(A.bracketUrl);
           if (t)
             this.clearSlot(), this._emitter.emit(Rt.ON_DEVICE_REPLACED), t.traverse((i) => {
@@ -57504,7 +57507,7 @@ class kx extends V0 {
           });
         } else
           this.clearSlot(), this._emitter.emit(Rt.ON_DEVICE_REPLACED), this._slotContainer.add(e);
-        this.deviceInfo = A, this._slotUI.deviceName = A.name, this._slotUI.filled = !0, this.holeTarget && (this.holeTarget.visible = !1);
+        this.mirrorTarget && this.mirrorTarget.install(A), this.deviceInfo = A, this._slotUI.deviceName = A.name, this._slotUI.filled = !0, this.holeTarget && (this.holeTarget.visible = !1);
       } catch (e) {
         throw e;
       } finally {
@@ -57545,7 +57548,7 @@ class kx extends V0 {
   clearSlot() {
     this._bracketSlots = [], this._slotContainer.children.forEach((A) => {
       A.removeFromParent(), Oi(A);
-    }), this._slotUI.filled = !1, this.deviceInfo = void 0, this._slotUI.deviceName = "", this.holeTarget && (this.holeTarget.visible = !0);
+    }), this._slotUI.filled = !1, this.deviceInfo = void 0, this._slotUI.deviceName = "", this.holeTarget && (this.holeTarget.visible = !0), this.mirrorTarget && this.mirrorTarget.clearSlot();
   }
   enable() {
     this._slotUI.disable = !1;
@@ -62047,11 +62050,18 @@ class Vu extends Ie {
     this._textWrapper.lookAt(A);
   }
   updateSize(A) {
-    var i;
-    const e = (i = this.parent) == null ? void 0 : i.position.clone();
+    var r;
+    const e = (r = this.parent) == null ? void 0 : r.position.clone();
     e == null || e.setY(this.position.y);
     let t = (e == null ? void 0 : e.distanceTo(A)) || 1;
-    t *= 1, t < 3 && (t = 3), this._tw && this._tw.isPlaying() && this._tw.stop(), this._tw = new Is.Tween(this._text).to({ fontSize: t / 100 }).duration(300).easing(Is.Easing.Quintic.InOut).start();
+    if (this._tw && this._tw.isPlaying()) {
+      this._tw.stop();
+      return;
+    }
+    let i = t / 80;
+    i > 0.25 && (i = 0.25), i < 0.025 && (i = 0.025), this._tw = new Is.Tween(this._text).to({ fontSize: i }).duration(300).easing(Is.Easing.Quintic.InOut).onComplete(() => {
+      this._text.sync();
+    }).start();
   }
   destroy() {
     this._text.dispose(), this.children.forEach((A) => Oi(A)), this.removeFromParent();
@@ -62588,18 +62598,18 @@ class Pj extends Ie {
       }), this.sizeBox.translateCache = this.sizeBox.originOffset, this.sizeBox.generate(this._container))) : this.sizeBox.generate(this._container), ["width", "length", "height"].includes(e) && this._emitter.emit("size-changed", e, t);
     });
   }
-  async load(A) {
+  async load(A, e = "") {
     this._url = A, this.name || (this.name = A.substring(A.lastIndexOf("/") + 1, A.lastIndexOf("."))), !A.startsWith("blob") && A.endsWith(".sglb");
-    let e;
-    if (A.endsWith(".glb"))
-      e = (await _c.loadAsync(A)).scene;
+    let t;
+    if (e === "glb" || A.endsWith(".glb"))
+      t = (await _c.loadAsync(A)).scene;
     else {
-      const i = await new Of({ useCache: !0 }).loadAsync(A);
-      if (!i.glb)
+      const r = await new Of({ useCache: !0 }).loadAsync(A);
+      if (!r.glb)
         return;
-      e = i.glb;
+      t = r.glb;
     }
-    this._generateAmr(e.clone(!0)), e = null, this._emitter.emit("amr-loaded");
+    this._generateAmr(t.clone(!0)), t = null, this._emitter.emit("amr-loaded");
   }
   changeSkin(A, e) {
     A && (A.change(e), this._app && this._app.usePathTracing && (this._app.sampleCount = 0, this._app.usePathTracing && (this._app.pathTracer.pausePathTracing = !1, this._app.pathTracer.updateMaterials())));
@@ -62717,6 +62727,8 @@ class Pj extends Ie {
           this.shapeKeys.has(s) && (this.sizeBox.follow = s, this.sizeBox.followOrigin = this._shapeKeys.get(s) || 0, this.sizeBox.followScale = e.userData[r]);
         }
       });
+    }), this.slots.forEach((e) => {
+      e.props.mirrorTarget && (e.mirrorTarget = this.slots.find((t) => t.props.slot.name === e.props.mirrorTarget));
     }), A.updateMatrixWorld(!0), this._container.add(A), this.sizeBox.generate(A), this.sizeBox.show();
   }
   // 设置长宽高，针对可配置的车体生效
@@ -62874,59 +62886,62 @@ class Pj extends Ie {
     }
   }
   generateSlot(A, e) {
+    var t;
     if (A.userData.isSlot) {
-      const t = A.userData.name;
-      if (t) {
-        const i = A.userData.holeTarget && A.userData.holeTarget.name;
-        let r;
-        i && e.traverse((a) => {
-          a.name === i && (r = a);
+      const i = A.userData.name, r = A.userData.isMirror, s = (t = A.userData.mirrorSlot) == null ? void 0 : t.name;
+      if (i) {
+        const o = A.userData.holeTarget && A.userData.holeTarget.name;
+        let a;
+        o && e.traverse((c) => {
+          c.name === o && (a = c);
         });
-        const s = /* @__PURE__ */ new Map();
-        Object.keys(A.userData).forEach((a) => {
-          if (a.startsWith("follow_")) {
-            const l = a.split("_")[1];
-            if (l) {
-              let u = A.userData[a];
-              s.set(l, {
-                scale: u,
-                origin: this.shapeKeys.get(l) || 0
+        const l = /* @__PURE__ */ new Map();
+        Object.keys(A.userData).forEach((c) => {
+          if (c.startsWith("follow_")) {
+            const h = c.split("_")[1];
+            if (h) {
+              let f = A.userData[c];
+              l.set(h, {
+                scale: f,
+                origin: this.shapeKeys.get(h) || 0
               });
             }
           }
         });
-        const o = new kx({
-          name: t,
-          follows: s,
+        const u = new kx({
+          name: i,
+          follows: l,
           slot: A,
-          show: this._showSlots
+          show: this._showSlots,
+          isMirror: r,
+          mirrorTarget: s
         });
-        return o.holeTarget = r, o.addEventListener(Rt.ON_DROP, (a) => {
+        return u.holeTarget = a, u.addEventListener(Rt.ON_DROP, (c) => {
           this._app && this._app.props.useSound && this._app.sound.play();
-        }), o.addEventListener(Rt.ON_BEFORE_SELECTED, (a) => {
-          this._slots.forEach((l) => {
-            l.selected && (l.selected = !1);
+        }), u.addEventListener(Rt.ON_BEFORE_SELECTED, (c) => {
+          this._slots.forEach((h) => {
+            h.selected && (h.selected = !1);
           });
-        }), o.addEventListener(Rt.ON_ERROR_STATE_CHANGE, (a) => {
+        }), u.addEventListener(Rt.ON_ERROR_STATE_CHANGE, (c) => {
           if (this._app)
-            if (this._app._outlinePassError.selectedObjects = this._app._outlinePassError.selectedObjects.filter((l) => !!l.parent), a) {
-              if (o.device) {
-                if (this._app._outlinePassError.selectedObjects.find((u) => {
-                  var c;
-                  return u.parent == ((c = o.device) == null ? void 0 : c.parent);
+            if (this._app._outlinePassError.selectedObjects = this._app._outlinePassError.selectedObjects.filter((h) => !!h.parent), c) {
+              if (u.device) {
+                if (this._app._outlinePassError.selectedObjects.find((f) => {
+                  var p;
+                  return f.parent == ((p = u.device) == null ? void 0 : p.parent);
                 }))
                   return;
                 this._app._outlinePassError.selectedObjects = [
-                  o.device,
+                  u.device,
                   ...this._app._outlinePassError.selectedObjects
                 ];
               }
             } else
-              o.device && (this._app._outlinePassError.selectedObjects = this._app._outlinePassError.selectedObjects.filter((l) => {
-                var u;
-                return l.parent != ((u = o.device) == null ? void 0 : u.parent);
+              u.device && (this._app._outlinePassError.selectedObjects = this._app._outlinePassError.selectedObjects.filter((h) => {
+                var f;
+                return h.parent != ((f = u.device) == null ? void 0 : f.parent);
               }));
-        }), o;
+        }), u;
       }
     }
   }
@@ -64965,7 +64980,7 @@ class nG {
       let u = Math.max(a.x, a.y, a.z) + Math.max(a.x, a.y);
       const c = b9(this.camera.fov, 0.8) * 3 - 1.2;
       u += c;
-      const h = Math.min(a.x, a.y, a.z) + 0.5, p = this.camera.position.clone().normalize().multiplyScalar(u);
+      const h = Math.min(a.x, a.y, a.z) + 0.2, p = this.camera.position.clone().normalize().multiplyScalar(u);
       p.setY(u * Math.sin(30 / 180 * Math.PI)), this._fitAnimation = new Jf(this.camera.position).to(p, 600).easing(Is.Easing.Quintic.InOut).onStart(() => {
         this.controls.enabled = !1;
       }).onComplete(() => {
@@ -65120,15 +65135,15 @@ class nG {
       binary: !0
     });
   }
-  async addAMR(A) {
-    this.amr.init(this), await this.amr.load(A), this.amr.addEventListener("shape-key-changed", (e, t) => {
-      this.pathTracer.reset(), this.sampleCount = 0, this.pathTracer.setScene(this.scene, this.camera), this.overlayScene.traverse((i) => {
-        if (!Object.keys(i.morphTargetDictionary || {}).includes(e))
+  async addAMR(A, e = "") {
+    this.amr.init(this), await this.amr.load(A, e), this.amr.addEventListener("shape-key-changed", (t, i) => {
+      this.pathTracer.reset(), this.sampleCount = 0, this.pathTracer.setScene(this.scene, this.camera), this.overlayScene.traverse((r) => {
+        if (!Object.keys(r.morphTargetDictionary || {}).includes(t))
           return;
-        let r = t;
-        i.userData[`origin_${e}`] && (r -= i.userData[`origin_${e}`]);
-        const s = i.morphTargetDictionary[e];
-        i.morphTargetInfluences && (i.morphTargetInfluences[s] = r), i instanceof Pe && i.geometry.translate(0, 0, 1e-5);
+        let s = i;
+        r.userData[`origin_${t}`] && (s -= r.userData[`origin_${t}`]);
+        const o = r.morphTargetDictionary[t];
+        r.morphTargetInfluences && (r.morphTargetInfluences[o] = s), r instanceof Pe && r.geometry.translate(0, 0, 1e-5);
       });
     });
   }