endset_three_editor 0.4.4 → 0.4.6

package/dist/endset_three_editor.css

@@ -1 +1 @@
-.tree-node .tree-item[data-v-5ad9c842]{display:flex;align-items:center;padding:4px 10px;cursor:pointer;transition:background .15s}.tree-node .tree-item[data-v-5ad9c842]:hover{background:#2a4050}.tree-node .tree-item.selected[data-v-5ad9c842]{background:#3e5a6b}.tree-node .toggle-icon[data-v-5ad9c842]{cursor:pointer;width:20px;text-align:center;font-size:12px;-webkit-user-select:none;user-select:none}.tree-node .toggle-placeholder[data-v-5ad9c842]{width:20px;display:inline-block}.tree-node .tree-icon[data-v-5ad9c842]{margin-right:6px;font-size:14px}.tree-node .tree-name[data-v-5ad9c842]{flex:1;font-size:13px;-webkit-user-select:none;user-select:none}.tree-node .tree-delete[data-v-5ad9c842]{background:transparent;border:none;color:#e74c3c;font-size:16px;cursor:pointer;padding:0 4px;line-height:1}.tree-node .tree-delete[data-v-5ad9c842]:hover{color:#ff6b6b}.tree-children[data-v-5ad9c842]{padding-left:20px}.property-group[data-v-4cecf018]{margin-bottom:20px;border-bottom:1px solid #1a2a36;padding-bottom:12px}.property-group label[data-v-4cecf018]{font-weight:700;display:block;margin-bottom:8px;color:#f1c40f}.property-group .row[data-v-4cecf018]{display:flex;align-items:center;gap:8px;margin-bottom:6px}.property-group .row span[data-v-4cecf018]{width:20px;text-align:right}.property-group .row input[data-v-4cecf018]{background:#1e2a36;border:1px solid #3e5a6b;color:#ecf0f1;padding:4px 8px;border-radius:4px;width:48px}.light-group .intensity-input[data-v-4cecf018]{width:48px;background:#1e2a36;border:1px solid #3e5a6b;color:#ecf0f1;padding:2px 6px;border-radius:4px;text-align:center;flex:0 0 auto}.material-group .slider-row[data-v-4cecf018]{display:flex;align-items:center;gap:8px;margin-bottom:6px}.material-group .slider-row .slider-label[data-v-4cecf018]{width:50px;font-size:12px;color:#95a5a6}.material-group .slider-row input[type=range][data-v-4cecf018]{flex:1;height:4px;-webkit-appearance:none;background:#1e2a36;border-radius:2px;outline:none}.material-group .slider-row input[type=range][data-v-4cecf018]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#f1c40f;cursor:pointer}.material-group .slider-row .slider-value[data-v-4cecf018]{width:36px;font-size:12px;text-align:center;color:#ecf0f1}.material-group .material-hint[data-v-4cecf018]{margin-top:6px;font-size:12px;color:#e67e22}.userdata-group .userdata-add-row[data-v-4e117415]{display:flex;gap:4px;margin-bottom:10px}.userdata-group .userdata-add-row .ud-input[data-v-4e117415]{flex:1;background:#1e2a36;border:1px solid #3e5a6b;color:#ecf0f1;padding:4px 6px;border-radius:4px;font-size:12px;min-width:0}.userdata-group .userdata-add-row .ud-input[data-v-4e117415]::placeholder{color:#5a7a8a}.userdata-group .userdata-add-row .ud-textarea[data-v-4e117415]{resize:none;min-height:28px;max-height:28px;line-height:1.4;font-family:inherit}.userdata-group .userdata-add-row .ud-btn[data-v-4e117415]{flex:0 0 28px;height:28px;border:none;border-radius:4px;cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .2s}.userdata-group .userdata-add-row .ud-btn.add-btn[data-v-4e117415]{background:#27ae60;color:#fff}.userdata-group .userdata-add-row .ud-btn.add-btn[data-v-4e117415]:hover{background:#2ecc71}.userdata-group .userdata-list[data-v-4e117415]{display:flex;flex-direction:column;gap:4px}.userdata-group .userdata-list .userdata-item[data-v-4e117415]{display:flex;align-items:center;gap:4px;padding:3px 4px;background:#1a2a36;border-radius:4px;border:1px solid transparent}.userdata-group .userdata-list .userdata-item.readonly[data-v-4e117415]{background:#1a1f2a;border-color:#3e5a6b}.userdata-group .userdata-list .userdata-item .ud-key[data-v-4e117415]{flex:0 0 auto;min-width:60px;max-width:90px;font-size:11px;color:#f1c40f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.userdata-group .userdata-list .userdata-item .ud-value-input[data-v-4e117415]{flex:1;min-width:0;background:#1e2a36;border:1px solid #3e5a6b;color:#ecf0f1;padding:2px 4px;border-radius:3px;font-size:12px}.userdata-group .userdata-list .userdata-item .ud-value-readonly[data-v-4e117415]{flex:1;font-size:11px;color:#95a5a6;padding:2px 4px;cursor:not-allowed}.userdata-group .userdata-list .userdata-item .ud-value-json-preview[data-v-4e117415]{flex:1;min-width:0;font-size:11px;color:#bdc3c7;padding:2px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Courier New,Courier,monospace}.userdata-group .userdata-list .userdata-item.editing-json[data-v-4e117415]{flex-direction:column;align-items:stretch;gap:4px;padding:6px}.userdata-group .userdata-list .userdata-item .ud-json-error[data-v-4e117415]{font-size:10px;color:#e6b32a;padding:2px 4px;line-height:1.4;word-break:break-all}.userdata-group .userdata-list .userdata-item .ud-json-textarea[data-v-4e117415]{width:100%;min-height:50px;background:#1e2a36;border:1px solid #3e5a6b;color:#ecf0f1;padding:4px 6px;border-radius:4px;font-size:11px;font-family:Courier New,Courier,monospace;resize:vertical;box-sizing:border-box}.userdata-group .userdata-list .userdata-item .ud-json-textarea[data-v-4e117415]:focus{outline:none;border-color:#f1c40f}.userdata-group .userdata-list .userdata-item .ud-json-textarea.has-error[data-v-4e117415]{border-color:#e6b32a}.userdata-group .userdata-list .userdata-item .ud-json-actions[data-v-4e117415]{display:flex;gap:4px;justify-content:flex-end}.userdata-group .userdata-list .userdata-item .ud-btn[data-v-4e117415]{flex:0 0 22px;height:22px;border:none;border-radius:3px;cursor:pointer;font-size:11px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .2s}.userdata-group .userdata-list .userdata-item .ud-btn.del-btn[data-v-4e117415]{background:#c0392b;color:#fff}.userdata-group .userdata-list .userdata-item .ud-btn.del-btn[data-v-4e117415]:hover{background:#e74c3c}.userdata-group .userdata-list .userdata-item .ud-btn.apply-btn[data-v-4e117415]{background:#27ae60;color:#fff}.userdata-group .userdata-list .userdata-item .ud-btn.apply-btn[data-v-4e117415]:hover{background:#2ecc71}.userdata-group .userdata-list .userdata-item .ud-btn.cancel-btn[data-v-4e117415]{background:#7f8c8d;color:#fff}.userdata-group .userdata-list .userdata-item .ud-btn.cancel-btn[data-v-4e117415]:hover{background:#95a5a6}.userdata-group .userdata-list .userdata-item .ud-btn.edit-json-btn[data-v-4e117415]{flex:0 0 22px;height:22px;background:#2980b9;color:#fff}.userdata-group .userdata-list .userdata-item .ud-btn.edit-json-btn[data-v-4e117415]:hover{background:#3498db}.userdata-group .get-camera-btn[data-v-4e117415]{border-radius:4px;background-color:#3e5a6b;margin-top:10px;font-size:12px;color:#c2cde2}.userdata-group .userdata-empty[data-v-4e117415]{font-size:12px;color:#5a7a8a;text-align:center;padding:8px 0;font-style:italic}.datapanel-tab .dp-section[data-v-6ea18080]{margin-bottom:12px}.datapanel-tab .dp-section .dp-label-sm[data-v-6ea18080]{display:block;font-size:12px;color:#8af;margin-bottom:4px}.datapanel-tab .dp-input[data-v-6ea18080]{background:#1e2a36;border:1px solid #3e5a6b;color:#ecf0f1;padding:4px 6px;border-radius:4px;font-size:12px;width:100%;box-sizing:border-box}.datapanel-tab .dp-input[data-v-6ea18080]::placeholder{color:#5a7a8a}.datapanel-tab .dp-input[data-v-6ea18080]:focus{outline:none;border-color:#f1c40f}.datapanel-tab .dp-input-sm[data-v-6ea18080]{flex:2;min-width:0}.datapanel-tab .dp-input-xs[data-v-6ea18080]{flex:1;min-width:0}.datapanel-tab .dp-list[data-v-6ea18080]{display:flex;flex-direction:column;gap:4px;margin-bottom:6px}.datapanel-tab .dp-list .dp-item[data-v-6ea18080],.datapanel-tab .dp-add-row[data-v-6ea18080]{display:flex;gap:4px;align-items:center}.datapanel-tab .dp-visibility-row[data-v-6ea18080]{display:flex;align-items:center;gap:10px;padding:4px 0}.datapanel-tab .dp-visibility-row .dp-visibility-text[data-v-6ea18080]{font-size:12px;color:#95a5a6}.datapanel-tab .dp-toggle[data-v-6ea18080]{position:relative;display:inline-block;width:40px;height:22px;cursor:pointer}.datapanel-tab .dp-toggle input[data-v-6ea18080]{opacity:0;width:0;height:0}.datapanel-tab .dp-toggle .dp-toggle-slider[data-v-6ea18080]{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#3e5a6b;border-radius:22px;transition:background-color .3s}.datapanel-tab .dp-toggle .dp-toggle-slider[data-v-6ea18080]:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background-color:#ecf0f1;border-radius:50%;transition:transform .3s}.datapanel-tab .dp-toggle input:checked+.dp-toggle-slider[data-v-6ea18080]{background-color:#27ae60}.datapanel-tab .dp-toggle input:checked+.dp-toggle-slider[data-v-6ea18080]:before{transform:translate(18px)}.datapanel-tab .dp-btn[data-v-6ea18080]{flex:0 0 24px;height:24px;border:none;border-radius:4px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:background .2s;line-height:1}.datapanel-tab .dp-btn.dp-btn-add[data-v-6ea18080]{background:#27ae60;color:#fff}.datapanel-tab .dp-btn.dp-btn-add[data-v-6ea18080]:hover{background:#2ecc71}.datapanel-tab .dp-btn.dp-btn-del[data-v-6ea18080]{background:#c0392b;color:#fff}.datapanel-tab .dp-btn.dp-btn-del[data-v-6ea18080]:hover{background:#e74c3c}.property-panel[data-v-c92c9fa7]{width:380px;height:100%;background:#2c3e50;color:#ecf0f1;padding:16px;box-sizing:border-box;border-left:1px solid #1a2a36;overflow-y:auto;font-size:14px}.property-panel h3[data-v-c92c9fa7]{margin-top:0;text-align:center}.property-panel .property-group[data-v-c92c9fa7]{margin-bottom:20px;border-bottom:1px solid #1a2a36;padding-bottom:12px}.property-panel .property-group label[data-v-c92c9fa7]{font-weight:700;display:block;margin-bottom:8px;color:#f1c40f}.empty[data-v-c92c9fa7]{text-align:center;color:#95a5a6}.tree-group .tree-container[data-v-c92c9fa7]{height:200px;overflow-y:auto;background:#1a2a36;border-radius:4px;padding:4px 0}.tree-empty[data-v-c92c9fa7]{padding:8px 10px;color:#95a5a6;font-style:italic}.tabs[data-v-c92c9fa7]{display:flex;gap:0;border-bottom:2px solid #1a2a36;margin-bottom:16px}.tabs .tab-btn[data-v-c92c9fa7]{flex:1;padding:8px 12px;background:transparent;border:none;color:#95a5a6;font-size:13px;cursor:pointer;transition:color .2s,border-bottom .2s;border-bottom:2px solid transparent;margin-bottom:-2px}.tabs .tab-btn[data-v-c92c9fa7]:hover{color:#ecf0f1}.tabs .tab-btn.active[data-v-c92c9fa7]{color:#f1c40f;border-bottom-color:#f1c40f}.tab-content[data-v-c92c9fa7]{height:calc(100% - 430px);overflow-y:auto;overflow-x:hidden}.transform-mode-row[data-v-c92c9fa7]{display:flex;gap:4px}.transform-mode-row .mode-btn[data-v-c92c9fa7]{flex:1;padding:6px 8px;background:#1e2a36;border:1px solid #3e5a6b;color:#95a5a6;font-size:12px;border-radius:4px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.transform-mode-row .mode-btn[data-v-c92c9fa7]:hover{background:#2c3e50;color:#ecf0f1}.transform-mode-row .mode-btn.active[data-v-c92c9fa7]{background:#3e5a6b;color:#f1c40f;border-color:#f1c40f}.property-panel[data-v-c92c9fa7],.tree-container[data-v-c92c9fa7]{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}.top-bar[data-v-45df3361]{height:40px;background:#1a2a36;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #2a4050;flex-shrink:0;-webkit-user-select:none;user-select:none}.top-bar .left-section[data-v-45df3361]{display:flex;gap:12px;align-items:center}.top-bar .left-section .dropdown-wrapper[data-v-45df3361]{position:relative;display:inline-block}.top-bar .left-section .dropdown-wrapper .menu-btn[data-v-45df3361]{background:transparent;border:none;color:#ecf0f1;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:14px;transition:background .2s}.top-bar .left-section .dropdown-wrapper .menu-btn[data-v-45df3361]:hover{background:#2a4050}.top-bar .left-section .dropdown-wrapper .dropdown-menu[data-v-45df3361]{position:absolute;top:100%;left:0;background:#2c3e50;border:1px solid #3e5a6b;border-radius:4px;min-width:140px;padding:4px 0;z-index:100;box-shadow:0 4px 12px #0000004d}.top-bar .left-section .dropdown-wrapper .dropdown-menu .menu-item[data-v-45df3361]{padding:6px 16px;color:#ecf0f1;cursor:pointer;font-size:13px;transition:background .15s;white-space:nowrap}.top-bar .left-section .dropdown-wrapper .dropdown-menu .menu-item[data-v-45df3361]:hover{background:#3e5a6b}.top-bar .left-section .dropdown-wrapper .dropdown-menu .menu-item.sub-trigger[data-v-45df3361]{display:flex;justify-content:space-between;align-items:center;position:relative}.top-bar .left-section .dropdown-wrapper .sub-menu[data-v-45df3361]{position:absolute;left:100%;top:0;background:#2c3e50;border:1px solid #3e5a6b;border-radius:4px;min-width:140px;padding:4px 0;z-index:101;box-shadow:0 4px 12px #0000004d}.top-bar .right-section[data-v-45df3361]{display:flex;align-items:center}.top-bar .app-title[data-v-45df3361]{color:#8af;font-size:16px;font-weight:500;letter-spacing:.5px}.bottom-bar[data-v-3427bb27]{height:40px;background:#1a2a36;border-top:1px solid #2a4050;display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0;color:#95a5a6;font-size:13px;-webkit-user-select:none;user-select:none}.bottom-bar .status-left[data-v-3427bb27],.bottom-bar .status-right[data-v-3427bb27]{display:flex;gap:16px}.app-layout[data-v-ffa5f5c1]{display:flex;flex-direction:column;height:100%;width:100%;background-color:#333}.editor-container[data-v-ffa5f5c1]{display:flex;width:100%}.editor-container-mode-edit[data-v-ffa5f5c1]{height:calc(100% - 80px)}.editor-container-mode-run[data-v-ffa5f5c1]{height:100%}.canvas[data-v-ffa5f5c1]{height:100%;background-color:transparent;position:relative}.canvas-mode-edit[data-v-ffa5f5c1]{width:calc(100% - 380px)}.canvas-mode-run[data-v-ffa5f5c1]{width:100%}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999}.loading-overlay .loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.3);border-top-color:#8af;border-radius:50%;animation:spin .8s linear infinite}.loading-overlay .loading-text{margin-top:16px;color:#ecf0f1;font-size:16px;letter-spacing:1px}@keyframes spin{to{transform:rotate(360deg)}}
+.tree-node .tree-item[data-v-5ad9c842]{display:flex;align-items:center;padding:4px 10px;cursor:pointer;transition:background .15s}.tree-node .tree-item[data-v-5ad9c842]:hover{background:#2a4050}.tree-node .tree-item.selected[data-v-5ad9c842]{background:#3e5a6b}.tree-node .toggle-icon[data-v-5ad9c842]{cursor:pointer;width:20px;text-align:center;font-size:12px;-webkit-user-select:none;user-select:none}.tree-node .toggle-placeholder[data-v-5ad9c842]{width:20px;display:inline-block}.tree-node .tree-icon[data-v-5ad9c842]{margin-right:6px;font-size:14px}.tree-node .tree-name[data-v-5ad9c842]{flex:1;font-size:13px;-webkit-user-select:none;user-select:none}.tree-node .tree-delete[data-v-5ad9c842]{background:transparent;border:none;color:#e74c3c;font-size:16px;cursor:pointer;padding:0 4px;line-height:1}.tree-node .tree-delete[data-v-5ad9c842]:hover{color:#ff6b6b}.tree-children[data-v-5ad9c842]{padding-left:20px}.property-group[data-v-4cecf018]{margin-bottom:20px;border-bottom:1px solid #1a2a36;padding-bottom:12px}.property-group label[data-v-4cecf018]{font-weight:700;display:block;margin-bottom:8px;color:#f1c40f}.property-group .row[data-v-4cecf018]{display:flex;align-items:center;gap:8px;margin-bottom:6px}.property-group .row span[data-v-4cecf018]{width:20px;text-align:right}.property-group .row input[data-v-4cecf018]{background:#1e2a36;border:1px solid #3e5a6b;color:#ecf0f1;padding:4px 8px;border-radius:4px;width:48px}.light-group .intensity-input[data-v-4cecf018]{width:48px;background:#1e2a36;border:1px solid #3e5a6b;color:#ecf0f1;padding:2px 6px;border-radius:4px;text-align:center;flex:0 0 auto}.material-group .slider-row[data-v-4cecf018]{display:flex;align-items:center;gap:8px;margin-bottom:6px}.material-group .slider-row .slider-label[data-v-4cecf018]{width:50px;font-size:12px;color:#95a5a6}.material-group .slider-row input[type=range][data-v-4cecf018]{flex:1;height:4px;-webkit-appearance:none;background:#1e2a36;border-radius:2px;outline:none}.material-group .slider-row input[type=range][data-v-4cecf018]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#f1c40f;cursor:pointer}.material-group .slider-row .slider-value[data-v-4cecf018]{width:36px;font-size:12px;text-align:center;color:#ecf0f1}.material-group .material-hint[data-v-4cecf018]{margin-top:6px;font-size:12px;color:#e67e22}.userdata-group .userdata-add-row[data-v-4e117415]{display:flex;gap:4px;margin-bottom:10px}.userdata-group .userdata-add-row .ud-input[data-v-4e117415]{flex:1;background:#1e2a36;border:1px solid #3e5a6b;color:#ecf0f1;padding:4px 6px;border-radius:4px;font-size:12px;min-width:0}.userdata-group .userdata-add-row .ud-input[data-v-4e117415]::placeholder{color:#5a7a8a}.userdata-group .userdata-add-row .ud-textarea[data-v-4e117415]{resize:none;min-height:28px;max-height:28px;line-height:1.4;font-family:inherit}.userdata-group .userdata-add-row .ud-btn[data-v-4e117415]{flex:0 0 28px;height:28px;border:none;border-radius:4px;cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .2s}.userdata-group .userdata-add-row .ud-btn.add-btn[data-v-4e117415]{background:#27ae60;color:#fff}.userdata-group .userdata-add-row .ud-btn.add-btn[data-v-4e117415]:hover{background:#2ecc71}.userdata-group .userdata-list[data-v-4e117415]{display:flex;flex-direction:column;gap:4px}.userdata-group .userdata-list .userdata-item[data-v-4e117415]{display:flex;align-items:center;gap:4px;padding:3px 4px;background:#1a2a36;border-radius:4px;border:1px solid transparent}.userdata-group .userdata-list .userdata-item.readonly[data-v-4e117415]{background:#1a1f2a;border-color:#3e5a6b}.userdata-group .userdata-list .userdata-item .ud-key[data-v-4e117415]{flex:0 0 auto;min-width:60px;max-width:90px;font-size:11px;color:#f1c40f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.userdata-group .userdata-list .userdata-item .ud-value-input[data-v-4e117415]{flex:1;min-width:0;background:#1e2a36;border:1px solid #3e5a6b;color:#ecf0f1;padding:2px 4px;border-radius:3px;font-size:12px}.userdata-group .userdata-list .userdata-item .ud-value-readonly[data-v-4e117415]{flex:1;font-size:11px;color:#95a5a6;padding:2px 4px;cursor:not-allowed}.userdata-group .userdata-list .userdata-item .ud-value-json-preview[data-v-4e117415]{flex:1;min-width:0;font-size:11px;color:#bdc3c7;padding:2px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Courier New,Courier,monospace}.userdata-group .userdata-list .userdata-item.editing-json[data-v-4e117415]{flex-direction:column;align-items:stretch;gap:4px;padding:6px}.userdata-group .userdata-list .userdata-item .ud-json-error[data-v-4e117415]{font-size:10px;color:#e6b32a;padding:2px 4px;line-height:1.4;word-break:break-all}.userdata-group .userdata-list .userdata-item .ud-json-textarea[data-v-4e117415]{width:100%;min-height:50px;background:#1e2a36;border:1px solid #3e5a6b;color:#ecf0f1;padding:4px 6px;border-radius:4px;font-size:11px;font-family:Courier New,Courier,monospace;resize:vertical;box-sizing:border-box}.userdata-group .userdata-list .userdata-item .ud-json-textarea[data-v-4e117415]:focus{outline:none;border-color:#f1c40f}.userdata-group .userdata-list .userdata-item .ud-json-textarea.has-error[data-v-4e117415]{border-color:#e6b32a}.userdata-group .userdata-list .userdata-item .ud-json-actions[data-v-4e117415]{display:flex;gap:4px;justify-content:flex-end}.userdata-group .userdata-list .userdata-item .ud-btn[data-v-4e117415]{flex:0 0 22px;height:22px;border:none;border-radius:3px;cursor:pointer;font-size:11px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .2s}.userdata-group .userdata-list .userdata-item .ud-btn.del-btn[data-v-4e117415]{background:#c0392b;color:#fff}.userdata-group .userdata-list .userdata-item .ud-btn.del-btn[data-v-4e117415]:hover{background:#e74c3c}.userdata-group .userdata-list .userdata-item .ud-btn.apply-btn[data-v-4e117415]{background:#27ae60;color:#fff}.userdata-group .userdata-list .userdata-item .ud-btn.apply-btn[data-v-4e117415]:hover{background:#2ecc71}.userdata-group .userdata-list .userdata-item .ud-btn.cancel-btn[data-v-4e117415]{background:#7f8c8d;color:#fff}.userdata-group .userdata-list .userdata-item .ud-btn.cancel-btn[data-v-4e117415]:hover{background:#95a5a6}.userdata-group .userdata-list .userdata-item .ud-btn.edit-json-btn[data-v-4e117415]{flex:0 0 22px;height:22px;background:#2980b9;color:#fff}.userdata-group .userdata-list .userdata-item .ud-btn.edit-json-btn[data-v-4e117415]:hover{background:#3498db}.userdata-group .get-camera-btn[data-v-4e117415]{border-radius:4px;background-color:#3e5a6b;margin-top:10px;font-size:12px;color:#c2cde2}.userdata-group .userdata-empty[data-v-4e117415]{font-size:12px;color:#5a7a8a;text-align:center;padding:8px 0;font-style:italic}.datapanel-tab .dp-section[data-v-b5a688e1]{margin-bottom:12px}.datapanel-tab .dp-section .dp-label-sm[data-v-b5a688e1]{display:block;font-size:12px;color:#8af;margin-bottom:4px}.datapanel-tab .dp-input[data-v-b5a688e1]{background:#1e2a36;border:1px solid #3e5a6b;color:#ecf0f1;padding:4px 6px;border-radius:4px;font-size:12px;width:100%;box-sizing:border-box}.datapanel-tab .dp-input[data-v-b5a688e1]::placeholder{color:#5a7a8a}.datapanel-tab .dp-input[data-v-b5a688e1]:focus{outline:none;border-color:#f1c40f}.datapanel-tab .dp-input-sm[data-v-b5a688e1]{flex:2;min-width:0}.datapanel-tab .dp-input-xs[data-v-b5a688e1]{flex:1;min-width:0}.datapanel-tab .dp-list[data-v-b5a688e1]{display:flex;flex-direction:column;gap:4px;margin-bottom:6px}.datapanel-tab .dp-list .dp-item[data-v-b5a688e1],.datapanel-tab .dp-add-row[data-v-b5a688e1]{display:flex;gap:4px;align-items:center}.datapanel-tab .dp-visibility-row[data-v-b5a688e1]{display:flex;align-items:center;gap:10px;padding:4px 0}.datapanel-tab .dp-visibility-row .dp-visibility-text[data-v-b5a688e1]{font-size:12px;color:#95a5a6}.datapanel-tab .dp-toggle[data-v-b5a688e1]{position:relative;display:inline-block;width:40px;height:22px;cursor:pointer}.datapanel-tab .dp-toggle input[data-v-b5a688e1]{opacity:0;width:0;height:0}.datapanel-tab .dp-toggle .dp-toggle-slider[data-v-b5a688e1]{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#3e5a6b;border-radius:22px;transition:background-color .3s}.datapanel-tab .dp-toggle .dp-toggle-slider[data-v-b5a688e1]:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background-color:#ecf0f1;border-radius:50%;transition:transform .3s}.datapanel-tab .dp-toggle input:checked+.dp-toggle-slider[data-v-b5a688e1]{background-color:#27ae60}.datapanel-tab .dp-toggle input:checked+.dp-toggle-slider[data-v-b5a688e1]:before{transform:translate(18px)}.datapanel-tab .dp-size-row[data-v-b5a688e1]{display:flex;align-items:center;gap:8px;padding:4px 0}.datapanel-tab .dp-size-row .dp-range[data-v-b5a688e1]{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:#3e5a6b;border-radius:2px;outline:none;cursor:pointer}.datapanel-tab .dp-size-row .dp-range[data-v-b5a688e1]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:#5dade2;border-radius:50%;cursor:pointer;transition:background .2s}.datapanel-tab .dp-size-row .dp-range[data-v-b5a688e1]::-webkit-slider-thumb:hover{background:#88c8f7}.datapanel-tab .dp-size-row .dp-range[data-v-b5a688e1]::-moz-range-thumb{width:14px;height:14px;background:#5dade2;border-radius:50%;border:none;cursor:pointer}.datapanel-tab .dp-size-row .dp-size-value[data-v-b5a688e1]{font-size:12px;color:#5dade2;min-width:40px;text-align:right;font-weight:600}.datapanel-tab .dp-btn[data-v-b5a688e1]{flex:0 0 24px;height:24px;border:none;border-radius:4px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:background .2s;line-height:1}.datapanel-tab .dp-btn.dp-btn-add[data-v-b5a688e1]{background:#27ae60;color:#fff}.datapanel-tab .dp-btn.dp-btn-add[data-v-b5a688e1]:hover{background:#2ecc71}.datapanel-tab .dp-btn.dp-btn-del[data-v-b5a688e1]{background:#c0392b;color:#fff}.datapanel-tab .dp-btn.dp-btn-del[data-v-b5a688e1]:hover{background:#e74c3c}.property-panel[data-v-c92c9fa7]{width:380px;height:100%;background:#2c3e50;color:#ecf0f1;padding:16px;box-sizing:border-box;border-left:1px solid #1a2a36;overflow-y:auto;font-size:14px}.property-panel h3[data-v-c92c9fa7]{margin-top:0;text-align:center}.property-panel .property-group[data-v-c92c9fa7]{margin-bottom:20px;border-bottom:1px solid #1a2a36;padding-bottom:12px}.property-panel .property-group label[data-v-c92c9fa7]{font-weight:700;display:block;margin-bottom:8px;color:#f1c40f}.empty[data-v-c92c9fa7]{text-align:center;color:#95a5a6}.tree-group .tree-container[data-v-c92c9fa7]{height:200px;overflow-y:auto;background:#1a2a36;border-radius:4px;padding:4px 0}.tree-empty[data-v-c92c9fa7]{padding:8px 10px;color:#95a5a6;font-style:italic}.tabs[data-v-c92c9fa7]{display:flex;gap:0;border-bottom:2px solid #1a2a36;margin-bottom:16px}.tabs .tab-btn[data-v-c92c9fa7]{flex:1;padding:8px 12px;background:transparent;border:none;color:#95a5a6;font-size:13px;cursor:pointer;transition:color .2s,border-bottom .2s;border-bottom:2px solid transparent;margin-bottom:-2px}.tabs .tab-btn[data-v-c92c9fa7]:hover{color:#ecf0f1}.tabs .tab-btn.active[data-v-c92c9fa7]{color:#f1c40f;border-bottom-color:#f1c40f}.tab-content[data-v-c92c9fa7]{height:calc(100% - 430px);overflow-y:auto;overflow-x:hidden}.transform-mode-row[data-v-c92c9fa7]{display:flex;gap:4px}.transform-mode-row .mode-btn[data-v-c92c9fa7]{flex:1;padding:6px 8px;background:#1e2a36;border:1px solid #3e5a6b;color:#95a5a6;font-size:12px;border-radius:4px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.transform-mode-row .mode-btn[data-v-c92c9fa7]:hover{background:#2c3e50;color:#ecf0f1}.transform-mode-row .mode-btn.active[data-v-c92c9fa7]{background:#3e5a6b;color:#f1c40f;border-color:#f1c40f}.property-panel[data-v-c92c9fa7],.tree-container[data-v-c92c9fa7]{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}.top-bar[data-v-45df3361]{height:40px;background:#1a2a36;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #2a4050;flex-shrink:0;-webkit-user-select:none;user-select:none}.top-bar .left-section[data-v-45df3361]{display:flex;gap:12px;align-items:center}.top-bar .left-section .dropdown-wrapper[data-v-45df3361]{position:relative;display:inline-block}.top-bar .left-section .dropdown-wrapper .menu-btn[data-v-45df3361]{background:transparent;border:none;color:#ecf0f1;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:14px;transition:background .2s}.top-bar .left-section .dropdown-wrapper .menu-btn[data-v-45df3361]:hover{background:#2a4050}.top-bar .left-section .dropdown-wrapper .dropdown-menu[data-v-45df3361]{position:absolute;top:100%;left:0;background:#2c3e50;border:1px solid #3e5a6b;border-radius:4px;min-width:140px;padding:4px 0;z-index:100;box-shadow:0 4px 12px #0000004d}.top-bar .left-section .dropdown-wrapper .dropdown-menu .menu-item[data-v-45df3361]{padding:6px 16px;color:#ecf0f1;cursor:pointer;font-size:13px;transition:background .15s;white-space:nowrap}.top-bar .left-section .dropdown-wrapper .dropdown-menu .menu-item[data-v-45df3361]:hover{background:#3e5a6b}.top-bar .left-section .dropdown-wrapper .dropdown-menu .menu-item.sub-trigger[data-v-45df3361]{display:flex;justify-content:space-between;align-items:center;position:relative}.top-bar .left-section .dropdown-wrapper .sub-menu[data-v-45df3361]{position:absolute;left:100%;top:0;background:#2c3e50;border:1px solid #3e5a6b;border-radius:4px;min-width:140px;padding:4px 0;z-index:101;box-shadow:0 4px 12px #0000004d}.top-bar .right-section[data-v-45df3361]{display:flex;align-items:center}.top-bar .app-title[data-v-45df3361]{color:#8af;font-size:16px;font-weight:500;letter-spacing:.5px}.bottom-bar[data-v-3427bb27]{height:40px;background:#1a2a36;border-top:1px solid #2a4050;display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0;color:#95a5a6;font-size:13px;-webkit-user-select:none;user-select:none}.bottom-bar .status-left[data-v-3427bb27],.bottom-bar .status-right[data-v-3427bb27]{display:flex;gap:16px}.app-layout[data-v-ffa5f5c1]{display:flex;flex-direction:column;height:100%;width:100%;background-color:#333}.editor-container[data-v-ffa5f5c1]{display:flex;width:100%}.editor-container-mode-edit[data-v-ffa5f5c1]{height:calc(100% - 80px)}.editor-container-mode-run[data-v-ffa5f5c1]{height:100%}.canvas[data-v-ffa5f5c1]{height:100%;background-color:transparent;position:relative}.canvas-mode-edit[data-v-ffa5f5c1]{width:calc(100% - 380px)}.canvas-mode-run[data-v-ffa5f5c1]{width:100%}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999}.loading-overlay .loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.3);border-top-color:#8af;border-radius:50%;animation:spin .8s linear infinite}.loading-overlay .loading-text{margin-top:16px;color:#ecf0f1;font-size:16px;letter-spacing:1px}@keyframes spin{to{transform:rotate(360deg)}}

package/dist/three/addHandle.d.ts

@@ -50,7 +50,6 @@ export declare function addModelByType(type: string): void;
 /**
  * 为当前选中的物体添加数据面板
  * 面板配置存储在该物体的 userData.dataPanel 中
- * 面板宽度会根据当前屏幕尺寸自动缩放，最高支持 7K (7000px) 屏幕
  * @param options - 面板配置选项（可选，默认有示例数据）
  */
 export declare function addDataPanel(options?: {

package/dist/three/css2dPanel.d.ts

@@ -55,7 +55,9 @@ export declare class DataPanel {
     /** 面板是否可见 */
     private _visible;
     constructor(options?: DataPanelOptions);
-    /** 根据当前 options 构建面板 DOM 结构 */
+    /** 基准 px→em 换算辅助（基于 13px 基准） */
+    private static pxToEm;
+    /** 根据当前 options 构建面板 DOM 结构（全部使用 em 单位，font-size 由 JS 动态控制） */
     private buildPanel;
     /** 渲染数据项到 DOM 列表 */
     private renderItems;
@@ -102,6 +104,14 @@ export declare class DataPanel {
     updateOptions(newOptions: Partial<DataPanelOptions>): void;
     /** 更新面板 Y 轴偏移 */
     setOffsetY(offsetY: number): void;
+    /** 获取面板宽度 */
+    getWidth(): string;
+    /** 获取面板字体大小 */
+    getFontSize(): string;
+    /** 设置面板宽度（轻量，不重建 DOM） */
+    setWidth(width: string): void;
+    /** 设置面板字体大小（轻量，不重建 DOM） */
+    setFontSize(fontSize: string): void;
     /** 获取面板 DOM 元素（用于外部样式自定义） */
     getElement(): HTMLDivElement | null;
     /** 销毁面板，释放资源 */

package/dist/three/css2dScaler.d.ts

@@ -0,0 +1,13 @@
+/**
+ * CSS2D 面板自适应缩放管理器
+ *
+ * 模块加载时立即根据屏幕宽度计算 font-size，设置 CSS 变量
+ * 保证在任何 DataPanel 创建之前 --css2d-base-font-size 就已生效
+ *
+ * font-size = 13 × (screenWidth / 1920)
+ *  1920px (1k) → 13px → 面板宽 200px
+ *  3840px (4k) → 26px → 面板宽 400px（2倍于1k）
+ *  7680px (7k) → 52px → 面板宽 800px（4倍于1k）
+ */
+export declare function initCss2dScaler(): void;
+export declare function destroyCss2dScaler(): void;

package/dist/three/index.d.ts

@@ -113,6 +113,8 @@ export declare function loadSceneFromJSON(json: string | object, mode?: string,
         value: string;
         unit?: string;
     }[];
+    width?: string;
+    fontSize?: string;
 }>): void;
 /**
  * 销毁编辑器，释放所有资源（场景、渲染器、控制器、事件监听等）