chili3d 0.7.10 → 0.7.12

package/index.css

@@ -231,90 +231,6 @@ dialog::backdrop {
     }
 }
 
-.root {
-    width: 100%;
-    height: 100%;
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    background-color: var(--background-color);
-}
-
-.content {
-    display: flex;
-    flex-direction: row;
-    justify-content: stretch;
-    flex: 1 1 auto;
-    height: 0;
-
-    & .sidebar {
-        display: flex;
-        flex-direction: column;
-        min-width: 150px;
-        max-width: 85%;
-        background-color: var(--background-color);
-        position: relative;
-
-        & .sidebarItem {
-            margin-top: 10px;
-            overflow: hidden;
-            flex: 1 1 auto;
-            height: 0;
-        }
-    }
-
-    & .viewportContainer {
-        position: relative;
-        background-color: var(--viewport-background-color);
-        flex: 1 1 auto;
-        width: 0;
-
-        .viewport {
-            height: 100%;
-            position: relative;
-        }
-    }
-}
-
-.sidebarResizer {
-    width: 6px;
-    cursor: ew-resize;
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    z-index: 10;
-    background: var(--resizer-gradient);
-    transition: background 0.2s;
-}
-.sidebarResizer:hover {
-    background: var(--resizer-gradient-hover);
-}
-
-.statusbar {
-    height: 24px;
-    display: flex;
-    flex-direction: column;
-}
-
-@media (max-width: 680px) {
-    .content {
-        flex-direction: column-reverse;
-        min-height: 0;
-
-        & .viewportContainer {
-            height: 100px;
-            width: 100%;
-        }
-
-        & .sidebar {
-            display: none;
-            flex: 1 1 auto;
-            width: 100%;
-        }
-    }
-}
-
 .root {
     position: absolute;
     top: 0;
@@ -1269,28 +1185,6 @@ dialog::backdrop {
     }
 }
 
-.root {
-    display: flex;
-    flex-direction: row;
-    background: var(--viewport-background-color);
-    position: relative;
-}
-
-.viewports {
-    width: 100%;
-    height: 100%;
-    position: relative;
-}
-
-.viewport {
-    width: 100%;
-    height: 100%;
-}
-
-.hidden {
-    display: none;
-}
-
 .root {
     position: absolute;
     display: flex;
@@ -1525,6 +1419,112 @@ dialog::backdrop {
     }
 }
 
+.root {
+    display: flex;
+    flex-direction: row;
+    background: var(--viewport-background-color);
+    position: relative;
+}
+
+.viewports {
+    width: 100%;
+    height: 100%;
+    position: relative;
+}
+
+.viewport {
+    width: 100%;
+    height: 100%;
+}
+
+.hidden {
+    display: none;
+}
+
+.root {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    background-color: var(--background-color);
+}
+
+.content {
+    display: flex;
+    flex-direction: row;
+    justify-content: stretch;
+    flex: 1 1 auto;
+    height: 0;
+
+    & .sidebar {
+        display: flex;
+        flex-direction: column;
+        min-width: 150px;
+        max-width: 85%;
+        background-color: var(--background-color);
+        position: relative;
+
+        & .sidebarItem {
+            margin-top: 10px;
+            overflow: hidden;
+            flex: 1 1 auto;
+            height: 0;
+        }
+    }
+
+    & .viewportContainer {
+        position: relative;
+        background-color: var(--viewport-background-color);
+        flex: 1 1 auto;
+        width: 0;
+
+        .viewport {
+            height: 100%;
+            position: relative;
+        }
+    }
+}
+
+.sidebarResizer {
+    width: 6px;
+    cursor: ew-resize;
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 10;
+    background: var(--resizer-gradient);
+    transition: background 0.2s;
+}
+.sidebarResizer:hover {
+    background: var(--resizer-gradient-hover);
+}
+
+.statusbar {
+    height: 24px;
+    display: flex;
+    flex-direction: column;
+}
+
+@media (max-width: 680px) {
+    .content {
+        flex-direction: column-reverse;
+        min-height: 0;
+
+        & .viewportContainer {
+            height: 100px;
+            width: 100%;
+        }
+
+        & .sidebar {
+            display: none;
+            flex: 1 1 auto;
+            width: 100%;
+        }
+    }
+}
+
 .root {
     position: absolute;
     display: flex;

package/index.js

@@ -46,7 +46,7 @@ module.exports = {};
 
 }),
 189: (function (module, __unused_webpack_exports, __webpack_require__) {
-module.exports = {};
+__webpack_require__.r(module.exports = {});
 
 
 }),
@@ -191,7 +191,7 @@ module.exports = {};
 
 }),
 481: (function (module, __unused_webpack_exports, __webpack_require__) {
-module.exports = {};
+__webpack_require__.r(module.exports = {});
 
 
 }),
@@ -84841,8 +84841,6 @@ class Dialog {
     }
 }
 
-// EXTERNAL MODULE: ./packages/chili-ui/src/editor.module.css
-var editor_module = __webpack_require__(189);
 // EXTERNAL MODULE: ./packages/chili-ui/src/okCancel.module.css
 var okCancel_module = __webpack_require__(924);
 ;// CONCATENATED MODULE: ./packages/chili-ui/src/okCancel.ts
@@ -86913,8 +86911,6 @@ const cursors = new Map([
 })(cursor_Cursor || (cursor_Cursor = {}));
 var cursor_Cursor;
 
-// EXTERNAL MODULE: ./packages/chili-ui/src/viewport/layoutViewport.module.css
-var layoutViewport_module = __webpack_require__(481);
 // EXTERNAL MODULE: ./packages/chili-ui/src/viewport/flyout/flyout.module.css
 var flyout_module = __webpack_require__(134);
 // EXTERNAL MODULE: ./packages/chili-ui/src/viewport/flyout/input.module.css
@@ -87351,14 +87347,33 @@ customElements.define("chili-uiview", Viewport);
 
 
 
-
+// 安全导入CSS模块，避免style为undefined时崩溃
+let layoutViewport_style;
+try {
+    // 尝试导入CSS模块
+    const importedStyle = __webpack_require__(481);
+    // 确保所有属性都有值
+    layoutViewport_style = {
+        root: importedStyle.root || "",
+        viewport: importedStyle.viewport || "",
+        hidden: importedStyle.hidden || ""
+    };
+} catch (error) {
+    console.warn("Failed to load layoutViewport.module.css, using empty styles:", error);
+    // 如果导入失败，使用空字符串作为默认值
+    layoutViewport_style = {
+        root: "",
+        viewport: "",
+        hidden: ""
+    };
+}
 class LayoutViewport extends HTMLElement {
     app;
     showViewControls;
     _viewports = new Map();
     constructor(app, showViewControls = true){
         super(), this.app = app, this.showViewControls = showViewControls;
-        this.className = layoutViewport_module/* ["default"].root */.A.root;
+        this.className = layoutViewport_style.root;
         app.views.onCollectionChanged(this._handleViewCollectionChanged);
     }
     _handleViewCollectionChanged = (args)=>{
@@ -87388,7 +87403,13 @@ class LayoutViewport extends HTMLElement {
     };
     createViewport(view) {
         const viewport = new Viewport(view, this.showViewControls);
-        viewport.classList.add(layoutViewport_module/* ["default"].viewport */.A.viewport, layoutViewport_module/* ["default"].hidden */.A.hidden);
+        // 只添加非空的样式类名
+        if (layoutViewport_style.viewport) {
+            viewport.classList.add(layoutViewport_style.viewport);
+        }
+        if (layoutViewport_style.hidden) {
+            viewport.classList.add(layoutViewport_style.hidden);
+        }
         this.appendChild(viewport);
         this._viewports.set(view, viewport);
         return viewport;
@@ -87396,9 +87417,15 @@ class LayoutViewport extends HTMLElement {
     _handleActiveViewChanged = (view)=>{
         this._viewports.forEach((v)=>{
             if (v.view === view) {
-                v.classList.remove(layoutViewport_module/* ["default"].hidden */.A.hidden);
+                // 只移除非空的样式类名
+                if (layoutViewport_style.hidden) {
+                    v.classList.remove(layoutViewport_style.hidden);
+                }
             } else {
-                v.classList.add(layoutViewport_module/* ["default"].hidden */.A.hidden);
+                // 只添加非空的样式类名
+                if (layoutViewport_style.hidden) {
+                    v.classList.add(layoutViewport_style.hidden);
+                }
             }
         });
     };
@@ -87423,7 +87450,36 @@ customElements.define("chili-viewport", LayoutViewport);
 
 
 
-
+// 安全导入CSS模块，避免style为undefined时崩溃
+let editor_style;
+try {
+    // 尝试导入CSS模块
+    const importedStyle = __webpack_require__(189);
+    // 确保所有属性都有值
+    editor_style = {
+        viewport: importedStyle.viewport || "",
+        viewportContainer: importedStyle.viewportContainer || "",
+        sidebar: importedStyle.sidebar || "",
+        sidebarItem: importedStyle.sidebarItem || "",
+        sidebarResizer: importedStyle.sidebarResizer || "",
+        root: importedStyle.root || "",
+        content: importedStyle.content || "",
+        statusbar: importedStyle.statusbar || ""
+    };
+} catch (error) {
+    console.warn("Failed to load editor.module.css, using empty styles:", error);
+    // 如果导入失败，使用空字符串作为默认值
+    editor_style = {
+        viewport: "",
+        viewportContainer: "",
+        sidebar: "",
+        sidebarItem: "",
+        sidebarResizer: "",
+        root: "",
+        content: "",
+        statusbar: ""
+    };
+}
 const editor_quickCommands = [
     "doc.save",
     "doc.saveToFile",
@@ -87442,31 +87498,33 @@ class Editor extends HTMLElement {
         super(), this.app = app;
         this.ribbonContent = new RibbonDataContent(app, editor_quickCommands, tabs.map(RibbonTabData.fromProfile));
         const viewport = new LayoutViewport(app);
-        viewport.classList.add(editor_module/* ["default"].viewport */.A.viewport);
+        if (editor_style.viewport) {
+            viewport.classList.add(editor_style.viewport);
+        }
         this._selectionController = new OKCancel();
         this._viewportContainer = div({
-            className: editor_module/* ["default"].viewportContainer */.A.viewportContainer
+            className: editor_style.viewportContainer
         }, this._selectionController, viewport);
         this.clearSelectionControl();
         this.render();
     }
     render() {
         this._sidebarEl = div({
-            className: editor_module/* ["default"].sidebar */.A.sidebar,
+            className: editor_style.sidebar,
             style: `width: ${this._sidebarWidth}px;`
         }, new ProjectView({
-            className: editor_module/* ["default"].sidebarItem */.A.sidebarItem
+            className: editor_style.sidebarItem
         }), new PropertyView({
-            className: editor_module/* ["default"].sidebarItem */.A.sidebarItem
+            className: editor_style.sidebarItem
         }), div({
-            className: editor_module/* ["default"].sidebarResizer */.A.sidebarResizer,
+            className: editor_style.sidebarResizer,
             onmousedown: (e)=>this._startSidebarResize(e)
         }));
         this.append(div({
-            className: editor_module/* ["default"].root */.A.root
+            className: editor_style.root
         }, new Ribbon(this.ribbonContent), div({
-            className: editor_module/* ["default"].content */.A.content
-        }, this._sidebarEl, this._viewportContainer), new Statusbar(editor_module/* ["default"].statusbar */.A.statusbar)));
+            className: editor_style.content
+        }, this._sidebarEl, this._viewportContainer), new Statusbar(editor_style.statusbar)));
         this.app.mainWindow?.appendChild(this);
     }
     _startSidebarResize(e) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chili3d",
-  "version": "0.7.10",
+  "version": "0.7.12",
   "description": "Chili3D - A 3D modeling and visualization framework",
   "main": "index.js",
   "types": "index.d.ts",