Files
esengine/packages/editor/editor-app/src/styles/Toast.css
YHH 155411e743 refactor: reorganize package structure and decouple framework packages (#338)
* refactor: reorganize package structure and decouple framework packages

## Package Structure Reorganization
- Reorganized 55 packages into categorized subdirectories:
  - packages/framework/ - Generic framework (Laya/Cocos compatible)
  - packages/engine/ - ESEngine core modules
  - packages/rendering/ - Rendering modules (WASM dependent)
  - packages/physics/ - Physics modules
  - packages/streaming/ - World streaming
  - packages/network-ext/ - Network extensions
  - packages/editor/ - Editor framework and plugins
  - packages/rust/ - Rust WASM engine
  - packages/tools/ - Build tools and SDK

## Framework Package Decoupling
- Decoupled behavior-tree and blueprint packages from ESEngine dependencies
- Created abstracted interfaces (IBTAssetManager, IBehaviorTreeAssetContent)
- ESEngine-specific code moved to esengine/ subpath exports
- Framework packages now usable with Cocos/Laya without ESEngine

## CI Configuration
- Updated CI to only type-check and lint framework packages
- Added type-check:framework and lint:framework scripts

## Breaking Changes
- Package import paths changed due to directory reorganization
- ESEngine integrations now use subpath imports (e.g., '@esengine/behavior-tree/esengine')

* fix: update es-engine file path after directory reorganization

* docs: update README to focus on framework over engine

* ci: only build framework packages, remove Rust/WASM dependencies

* fix: remove esengine subpath from behavior-tree and blueprint builds

ESEngine integration code will only be available in full engine builds.
Framework packages are now purely engine-agnostic.

* fix: move network-protocols to framework, build both in CI

* fix: update workflow paths from packages/core to packages/framework/core

* fix: exclude esengine folder from type-check in behavior-tree and blueprint

* fix: update network tsconfig references to new paths

* fix: add test:ci:framework to only test framework packages in CI

* fix: only build core and math npm packages in CI

* fix: exclude test files from CodeQL and fix string escaping security issue
2025-12-26 14:50:35 +08:00

127 lines
2.2 KiB
CSS

.toast-container {
position: fixed;
bottom: 20px;
right: 20px;
z-index: var(--z-index-toast);
display: flex;
flex-direction: column;
gap: 12px;
pointer-events: none;
}
.toast {
display: flex;
align-items: center;
gap: 12px;
padding: 12px 16px;
background: rgba(26, 26, 26, 0.95);
border-radius: 6px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4), 0 0 1px rgba(255, 255, 255, 0.1);
backdrop-filter: blur(8px);
min-width: 280px;
max-width: 400px;
pointer-events: auto;
animation: toastSlideIn 0.3s cubic-bezier(0.21, 1.02, 0.73, 1) forwards;
border-left: 3px solid var(--toast-color);
}
@keyframes toastSlideIn {
from {
transform: translateX(calc(100% + 20px));
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
}
.toast-icon {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
color: var(--toast-color);
}
.toast-message {
flex: 1;
font-size: 13px;
line-height: 1.5;
color: #e0e0e0;
word-break: break-word;
}
.toast-close {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
background: none;
border: none;
color: rgba(255, 255, 255, 0.5);
cursor: pointer;
padding: 4px;
border-radius: 3px;
transition: all 0.2s;
}
.toast-close:hover {
background: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.8);
}
.toast-close:active {
transform: scale(0.95);
}
/* Toast 类型样式 */
.toast-success {
--toast-color: #4caf50;
border-left-color: #4caf50;
}
.toast-error {
--toast-color: #f44336;
border-left-color: #f44336;
}
.toast-warning {
--toast-color: #ff9800;
border-left-color: #ff9800;
}
.toast-info {
--toast-color: #2196f3;
border-left-color: #2196f3;
}
/* 移除时的动画 */
.toast.removing {
animation: toastSlideOut 0.3s cubic-bezier(0.21, 1.02, 0.73, 1) forwards;
}
@keyframes toastSlideOut {
from {
transform: translateX(0);
opacity: 1;
}
to {
transform: translateX(calc(100% + 20px));
opacity: 0;
}
}
/* 响应式调整 */
@media (max-width: 768px) {
.toast-container {
left: 20px;
right: 20px;
}
.toast {
min-width: unset;
max-width: unset;
}
}