endset_three_editor 0.1.6 → 0.1.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/DrawingBoard.vue.d.ts +6 -1
- package/dist/endset_three_editor.css +1 -1
- package/dist/three/index.d.ts +17 -1
- package/dist/three-editor.cjs.js +2 -2
- package/dist/three-editor.cjs.js.map +1 -1
- package/dist/three-editor.es.js +1079 -909
- package/dist/three-editor.es.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,3 +1,8 @@
|
|
|
1
|
-
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
mode: string;
|
|
3
|
+
};
|
|
4
|
+
declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
5
|
+
mode: string;
|
|
6
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
2
7
|
declare const _default: typeof __VLS_export;
|
|
3
8
|
export default _default;
|
|
@@ -1 +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-panel[data-v-
|
|
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}.tabs[data-v-d75c643f]{display:flex;gap:0;border-bottom:2px solid #1a2a36;margin-bottom:16px}.tabs .tab-btn[data-v-d75c643f]{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-d75c643f]:hover{color:#ecf0f1}.tabs .tab-btn.active[data-v-d75c643f]{color:#f1c40f;border-bottom-color:#f1c40f}.property-panel[data-v-d75c643f]{width:320px;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-d75c643f]{margin-top:0;text-align:center}.property-panel .property-group[data-v-d75c643f]{margin-bottom:20px;border-bottom:1px solid #1a2a36;padding-bottom:12px}.property-panel .property-group label[data-v-d75c643f]{font-weight:700;display:block;margin-bottom:8px;color:#f1c40f}.property-panel .property-group .row[data-v-d75c643f]{display:flex;align-items:center;gap:8px;margin-bottom:6px}.property-panel .property-group .row span[data-v-d75c643f]{width:20px;text-align:right}.property-panel .property-group .row input[data-v-d75c643f]{background:#1e2a36;border:1px solid #3e5a6b;color:#ecf0f1;padding:4px 8px;border-radius:4px;width:48px}.property-panel .tab-content .material-group .slider-row[data-v-d75c643f]{display:flex;align-items:center;gap:8px;margin-bottom:6px}.property-panel .tab-content .material-group .slider-row .slider-label[data-v-d75c643f]{width:50px;font-size:12px;color:#95a5a6}.property-panel .tab-content .material-group .slider-row input[type=range][data-v-d75c643f]{flex:1;height:4px;-webkit-appearance:none;background:#1e2a36;border-radius:2px;outline:none}.property-panel .tab-content .material-group .slider-row input[type=range][data-v-d75c643f]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#f1c40f;cursor:pointer}.property-panel .tab-content .material-group .slider-row .slider-value[data-v-d75c643f]{width:36px;font-size:12px;text-align:center;color:#ecf0f1}.property-panel .tab-content .material-group .material-hint[data-v-d75c643f]{margin-top:6px;font-size:12px;color:#e67e22}.empty[data-v-d75c643f]{text-align:center;color:#95a5a6}.tree-group[data-v-d75c643f]{margin-top:10px}.tree-group .tree-container[data-v-d75c643f]{max-height:200px;overflow-y:auto;background:#1a2a36;border-radius:4px;padding:4px 0}.tree-empty[data-v-d75c643f]{padding:8px 10px;color:#95a5a6;font-style:italic}.top-bar[data-v-6bb4762f]{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-6bb4762f]{display:flex;gap:12px;align-items:center}.top-bar .left-section .dropdown-wrapper[data-v-6bb4762f]{position:relative;display:inline-block}.top-bar .left-section .dropdown-wrapper .menu-btn[data-v-6bb4762f]{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-6bb4762f]:hover{background:#2a4050}.top-bar .left-section .dropdown-wrapper .dropdown-menu[data-v-6bb4762f]{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-6bb4762f]{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-6bb4762f]:hover{background:#3e5a6b}.top-bar .left-section .dropdown-wrapper .dropdown-menu .menu-item.sub-trigger[data-v-6bb4762f]{display:flex;justify-content:space-between;align-items:center;position:relative}.top-bar .left-section .dropdown-wrapper .sub-menu[data-v-6bb4762f]{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-6bb4762f]{display:flex;align-items:center}.top-bar .app-title[data-v-6bb4762f]{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-290e9b49]{display:flex;flex-direction:column;height:100%;width:100%}.editor-container[data-v-290e9b49]{display:flex;width:100%}.editor-container-mode-edit[data-v-290e9b49]{height:calc(100% - 80px)}.editor-container-mode-run[data-v-290e9b49]{height:100%}.canvas[data-v-290e9b49]{height:100%;background-color:#333;position:relative}.canvas-mode-edit[data-v-290e9b49]{width:calc(100% - 320px)}.canvas-mode-run[data-v-290e9b49]{width:100%}
|
package/dist/three/index.d.ts
CHANGED
|
@@ -10,7 +10,7 @@ import * as THREE from "three";
|
|
|
10
10
|
* 初始化编辑器，挂载到指定 DOM 容器
|
|
11
11
|
* @param container - 编辑器挂载的 DOM 元素
|
|
12
12
|
*/
|
|
13
|
-
export declare function initEditor(container: HTMLElement): void;
|
|
13
|
+
export declare function initEditor(container: HTMLElement, mode?: string): void;
|
|
14
14
|
/**
|
|
15
15
|
* 选中场景中的一个物体，将其附着到变换控制器并显示平移轴
|
|
16
16
|
* @param obj - 要选中的物体
|
|
@@ -55,3 +55,19 @@ export declare function getSceneObjects(): THREE.Object3D<THREE.Object3DEventMap
|
|
|
55
55
|
export declare function getScene(): THREE.Scene<THREE.Object3DEventMap> | null;
|
|
56
56
|
export declare function getCamera(): THREE.PerspectiveCamera | null;
|
|
57
57
|
export declare function getRenderer(): THREE.WebGLRenderer | null;
|
|
58
|
+
/**
|
|
59
|
+
* 将当前 Three.js 场景导出为 JSON 数据（使用 Three.js 内置 toJSON）
|
|
60
|
+
* @param options 配置项
|
|
61
|
+
* @param options.pretty 是否美化输出（带缩进），默认 false
|
|
62
|
+
* @param options.includeHelpers 是否包含辅助对象（网格、灯光等），默认 false
|
|
63
|
+
* @returns JSON 字符串
|
|
64
|
+
*/
|
|
65
|
+
export declare function exportSceneToJSON(options?: {
|
|
66
|
+
includeHelpers?: boolean;
|
|
67
|
+
}): string;
|
|
68
|
+
/**
|
|
69
|
+
* 从 JSON 数据恢复场景（使用 Three.js 内置 ObjectLoader）
|
|
70
|
+
* @param json - JSON 字符串或对象
|
|
71
|
+
* @returns 解析后的 Object3D 或 Scene
|
|
72
|
+
*/
|
|
73
|
+
export declare function importSceneFromJSON(json: string | object): THREE.Object3D;
|