refactor: 重命名SDK为iflow-engine,使用npm包引入第三方引擎
- 将包名从 @fishdingding/bim-engine-sdk 改为 iflow-engine - 将构建输出文件从 bim-engine-sdk.*.js 改为 iflow-engine.*.js - 将全局变量从 LyzBimEngineSDK 改为 IflowEngine - 将第三方引擎SDK从本地引入改为npm包引入 (iflow-engine-base) - 移除本地 src/engine_base 目录,移至回收站 - 更新所有文档和demo中的引用
This commit is contained in:
@@ -10,7 +10,7 @@
|
||||
display: flex;
|
||||
gap: 6px;
|
||||
padding-bottom: 12px;
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
|
||||
border-bottom: 1px solid var(--bim-divider);
|
||||
}
|
||||
|
||||
.section-box-btn {
|
||||
@@ -21,29 +21,34 @@
|
||||
justify-content: center;
|
||||
gap: 4px;
|
||||
padding: 6px;
|
||||
background: var(--bim-section-box-btn-bg);
|
||||
border: 1px solid transparent;
|
||||
border-radius: 4px;
|
||||
background: var(--bim-bg-inset);
|
||||
border: 1px solid var(--bim-border-default);
|
||||
border-radius: 8px;
|
||||
cursor: pointer;
|
||||
color: var(--bim-text-color);
|
||||
color: var(--bim-text-primary);
|
||||
min-height: 44px;
|
||||
transition: all 0.2s;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
.section-box-btn:hover {
|
||||
background: var(--bim-section-box-btn-hover);
|
||||
background: var(--bim-component-bg-hover);
|
||||
border-color: var(--bim-border-strong);
|
||||
}
|
||||
|
||||
.section-box-btn.active {
|
||||
background: var(--bim-section-box-btn-active);
|
||||
border-color: var(--bim-text-active-color);
|
||||
color: var(--bim-text-active-color);
|
||||
background: var(--bim-primary-subtle);
|
||||
border-color: var(--bim-primary);
|
||||
color: var(--bim-primary);
|
||||
}
|
||||
|
||||
.section-box-btn.active .section-box-btn-icon {
|
||||
color: var(--bim-primary);
|
||||
}
|
||||
|
||||
.section-box-btn-icon {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
color: var(--bim-icon-color);
|
||||
color: var(--bim-icon-default);
|
||||
}
|
||||
|
||||
.section-box-btn-icon svg {
|
||||
@@ -81,7 +86,7 @@
|
||||
.section-box-slider-label {
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
color: var(--bim-text-color);
|
||||
color: var(--bim-text-primary);
|
||||
min-width: 14px;
|
||||
}
|
||||
|
||||
@@ -89,8 +94,7 @@
|
||||
position: relative;
|
||||
flex: 1;
|
||||
height: 4px;
|
||||
/* 轨道变细 */
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
background: var(--bim-border-default);
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
@@ -98,20 +102,18 @@
|
||||
position: absolute;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
background: var(--bim-primary-color);
|
||||
background: var(--bim-primary);
|
||||
border-radius: 2px;
|
||||
pointer-events: none;
|
||||
/* 防止遮挡手柄点击 */
|
||||
}
|
||||
|
||||
.section-box-slider-handle {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 14px;
|
||||
/* 手柄变小 */
|
||||
height: 14px;
|
||||
background: #fff;
|
||||
border: 2px solid var(--bim-primary-color);
|
||||
background: var(--bim-bg-elevated);
|
||||
border: 2px solid var(--bim-primary);
|
||||
border-radius: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
cursor: grab;
|
||||
@@ -122,12 +124,12 @@
|
||||
|
||||
.section-box-slider-handle:hover {
|
||||
transform: translate(-50%, -50%) scale(1.2);
|
||||
box-shadow: 0 0 0 4px rgba(24, 144, 255, 0.2);
|
||||
box-shadow: 0 0 0 4px var(--bim-primary-subtle);
|
||||
}
|
||||
|
||||
.section-box-slider-handle.dragging {
|
||||
cursor: grabbing;
|
||||
transform: translate(-50%, -50%) scale(1.2);
|
||||
background: var(--bim-primary-color);
|
||||
background: var(--bim-primary);
|
||||
}
|
||||
|
||||
|
||||
@@ -339,13 +339,16 @@ export class SectionBoxPanel implements IBimComponent {
|
||||
public setTheme(theme: ThemeConfig): void {
|
||||
if (!this.element) return;
|
||||
const style = this.element.style;
|
||||
style.setProperty('--bim-section-box-btn-bg', theme.componentBg ?? 'rgba(255, 255, 255, 0.06)');
|
||||
style.setProperty('--bim-section-box-btn-hover', theme.componentBgHover ?? 'rgba(255, 255, 255, 0.10)');
|
||||
style.setProperty('--bim-section-box-btn-active', theme.componentBgActive ?? 'rgba(255, 255, 255, 0.14)');
|
||||
style.setProperty('--bim-primary-color', theme.primary ?? '#1890ff');
|
||||
style.setProperty('--bim-icon-color', theme.iconDefault ?? '#ccc');
|
||||
style.setProperty('--bim-text-color', theme.textSecondary ?? 'rgba(255, 255, 255, 0.90)');
|
||||
style.setProperty('--bim-text-active-color', theme.textPrimary ?? '#fff');
|
||||
style.setProperty('--bim-bg-inset', theme.bgInset ?? '#152232');
|
||||
style.setProperty('--bim-bg-elevated', theme.bgElevated ?? '#1f2d3e');
|
||||
style.setProperty('--bim-border-default', theme.borderDefault ?? '#334155');
|
||||
style.setProperty('--bim-border-strong', theme.borderStrong ?? '#475569');
|
||||
style.setProperty('--bim-divider', theme.divider ?? '#334155');
|
||||
style.setProperty('--bim-primary', theme.primary ?? '#3b82f6');
|
||||
style.setProperty('--bim-primary-subtle', theme.primarySubtle ?? 'rgba(59, 130, 246, 0.15)');
|
||||
style.setProperty('--bim-icon-default', theme.iconDefault ?? '#ffffff');
|
||||
style.setProperty('--bim-text-primary', theme.textPrimary ?? '#ffffff');
|
||||
style.setProperty('--bim-component-bg-hover', theme.componentBgHover ?? 'rgba(248, 250, 252, 0.06)');
|
||||
}
|
||||
|
||||
public destroy(): void {
|
||||
|
||||
Reference in New Issue
Block a user