shop-components 0.1.67 → 0.1.68

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/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/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,6 +57456,9 @@ 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)) {
@@ -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;
@@ -62724,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();
   }
   // 设置长宽高，针对可配置的车体生效
@@ -62881,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;
       }
     }
   }