Merge branch 'feat/threejs-editor/10-11/2024' into 'main_dev'

feat(src/packages): 大屏3D编辑器，支持列表预览跟3D自定义组件加载

See merge request yunteng/thingskit-view!291

@@ -3,5 +3,6 @@ node_modules
 dist
 dist
 dist-ssr
 dist-ssr
 *.local
 *.local
+*.zip
 .vscode
 .vscode
 .idea
 .idea

@@ -37,6 +37,8 @@
 	<script type="module" src="./js/libs/ternjs/doc_comment.js"></script>
 	<script type="module" src="./js/libs/ternjs/doc_comment.js"></script>
 	<script type="module" src="./js/libs/tern-threejs/threejs.js"></script>
 	<script type="module" src="./js/libs/tern-threejs/threejs.js"></script>
 	<script type="module" src="./js/libs/signals.min.js"></script>
 	<script type="module" src="./js/libs/signals.min.js"></script>
+	<script type="module" src="./js/libs/axios.min.js"></script>
+	<script type="module" src="./js/libs/http/config.js"></script>
 
 
 	<script src="./main.js" type="module"></script>
 	<script src="./main.js" type="module"></script>
 </body>
 </body>

-import { UIPanel, UIRow, UIHorizontalRule } from './libs/ui.js';
+import { UIPanel, UIRow, UIHorizontalRule } from './libs/ui.js'
+import useMessage from './MessageDialog.js'
+import { saveOrUpdateThreeJsModel } from './libs/http/api.js'
+
+function MenubarFile(editor) {
+  const strings = editor.strings
+
+  const saveArrayBuffer = editor.utils.saveArrayBuffer
+  const saveString = editor.utils.saveString
+
+  const container = new UIPanel()
+  container.setClass('menu')
+
+  const title = new UIPanel()
+  title.setClass('title')
+  title.setTextContent(strings.getKey('menubar/file'))
+  container.add(title)
+
+  const options = new UIPanel()
+  options.setClass('options')
+  container.add(options)
+
+  // New Project
+
+  const newProjectSubmenuTitle = new UIRow()
+    .setTextContent(strings.getKey('menubar/file/new'))
+    .addClass('option')
+    .addClass('submenu-title')
+  newProjectSubmenuTitle.onMouseOver(function () {
+    const { top, right } = this.dom.getBoundingClientRect()
+    const { paddingTop } = getComputedStyle(this.dom)
+    newProjectSubmenu.setLeft(right + 'px')
+    newProjectSubmenu.setTop(top - parseFloat(paddingTop) + 'px')
+    newProjectSubmenu.setDisplay('block')
+  })
+  newProjectSubmenuTitle.onMouseOut(function () {
+    newProjectSubmenu.setDisplay('none')
+  })
+  options.add(newProjectSubmenuTitle)
+
+  const newProjectSubmenu = new UIPanel().setPosition('fixed').addClass('options').setDisplay('none')
+  newProjectSubmenuTitle.add(newProjectSubmenu)
+
+  // New Project / Empty
+
+  let option = new UIRow().setTextContent(strings.getKey('menubar/file/new/empty')).setClass('option')
+  option.onClick(function () {
+    if (confirm(strings.getKey('prompt/file/open'))) {
+      editor.clear()
+    }
+  })
+  newProjectSubmenu.add(option)
+
+  //
+
+  newProjectSubmenu.add(new UIHorizontalRule())
+
+  // New Project / ...
+
+  const examples = [
+    { title: 'menubar/file/new/Arkanoid', file: 'arkanoid.app.json' },
+    { title: 'menubar/file/new/Camera', file: 'camera.app.json' },
+    { title: 'menubar/file/new/Particles', file: 'particles.app.json' },
+    { title: 'menubar/file/new/Pong', file: 'pong.app.json' },
+    { title: 'menubar/file/new/Shaders', file: 'shaders.app.json' }
+  ]
+
+  const loader = new THREE.FileLoader()
+
+  for (let i = 0; i < examples.length; i++) {
+    ;(function (i) {
+      const example = examples[i]
+
+      const option = new UIRow()
+      option.setClass('option')
+      option.setTextContent(strings.getKey(example.title))
+      option.onClick(function () {
+        if (confirm(strings.getKey('prompt/file/open'))) {
+          loader.load('examples/' + example.file, function (text) {
+            editor.clear()
+            editor.fromJSON(JSON.parse(text))
+          })
+        }
+      })
+      newProjectSubmenu.add(option)
+    })(i)
+  }
+
+  // Open
+
+  const openProjectForm = document.createElement('form')
+  openProjectForm.style.display = 'none'
+  document.body.appendChild(openProjectForm)
+
+  const openProjectInput = document.createElement('input')
+  openProjectInput.multiple = false
+  openProjectInput.type = 'file'
+  openProjectInput.accept = '.json'
+  openProjectInput.addEventListener('change', async function () {
+    const file = openProjectInput.files[0]
+
+    if (file === undefined) return
+
+    try {
+      const json = JSON.parse(await file.text())
+
+      async function onEditorCleared() {
+        await editor.fromJSON(json)
+
+        editor.signals.editorCleared.remove(onEditorCleared)
+      }
+
+      editor.signals.editorCleared.add(onEditorCleared)
+
+      editor.clear()
+    } catch (e) {
+      alert(strings.getKey('prompt/file/failedToOpenProject'))
+      console.error(e)
+    } finally {
+      form.reset()
+    }
+  })
+
+  openProjectForm.appendChild(openProjectInput)
+
+  option = new UIRow()
+    .addClass('option')
+    .setTextContent(strings.getKey('menubar/file/open'))
+    .onClick(function () {
+      if (confirm(strings.getKey('prompt/file/open'))) {
+        openProjectInput.click()
+      }
+    })
+
+  options.add(option)
+
+  /**
+   * THINGS_KIT 修改
+   */
+  option = new UIRow()
+    .addClass('option')
+    .setTextContent(strings.getKey('menubar/file/save'))
+    .onClick(async function () {
+      const file_json = editor.toJSON()
+      const paramsStr = window.location.search
+      const params = new URLSearchParams(paramsStr)
+      const file_uuid = params.get('three_file_uuid')
+      await saveOrUpdateThreeJsModel({
+        id: file_uuid,
+        data: file_json
+      })
+      const { success } = useMessage()
+      success('保存成功')
+    })
+  options.add(option)
+
+  // // Save
+
+  // option = new UIRow()
+  // 	.addClass( 'option' )
+  // 	.setTextContent( strings.getKey( 'menubar/file/save' ) )
+  // 	.onClick( function () {
+
+  // 		const json = editor.toJSON();
+  // 		const blob = new Blob( [ JSON.stringify( json ) ], { type: 'application/json' } );
+  // 		editor.utils.save( blob, 'project.json' );
+
+  // 	} );
+
+  // options.add( option );
+
+  // //
+
+  options.add(new UIHorizontalRule())
+
+  // Import
+
+  const form = document.createElement('form')
+  form.style.display = 'none'
+  document.body.appendChild(form)
+
+  const fileInput = document.createElement('input')
+  fileInput.multiple = true
+  fileInput.type = 'file'
+  fileInput.addEventListener('change', function () {
+    editor.loader.loadFiles(fileInput.files)
+    form.reset()
+  })
+  form.appendChild(fileInput)
+
+  option = new UIRow()
+  option.setClass('option')
+  option.setTextContent(strings.getKey('menubar/file/import'))
+  option.onClick(function () {
+    fileInput.click()
+  })
+  options.add(option)
+
+  // Export
+
+  const fileExportSubmenuTitle = new UIRow()
+    .setTextContent(strings.getKey('menubar/file/export'))
+    .addClass('option')
+    .addClass('submenu-title')
+  fileExportSubmenuTitle.onMouseOver(function () {
+    const { top, right } = this.dom.getBoundingClientRect()
+    const { paddingTop } = getComputedStyle(this.dom)
+    fileExportSubmenu.setLeft(right + 'px')
+    fileExportSubmenu.setTop(top - parseFloat(paddingTop) + 'px')
+    fileExportSubmenu.setDisplay('block')
+  })
+  fileExportSubmenuTitle.onMouseOut(function () {
+    fileExportSubmenu.setDisplay('none')
+  })
+  options.add(fileExportSubmenuTitle)
+
+  const fileExportSubmenu = new UIPanel().setPosition('fixed').addClass('options').setDisplay('none')
+  fileExportSubmenuTitle.add(fileExportSubmenu)
+
+  // Export DRC
+
+  option = new UIRow()
+  option.setClass('option')
+  option.setTextContent('DRC')
+  option.onClick(async function () {
+    const object = editor.selected
+
+    if (object === null || object.isMesh === undefined) {
+      alert(strings.getKey('prompt/file/export/noMeshSelected'))
+      return
+    }
+
+    const { DRACOExporter } = await import('three/addons/exporters/DRACOExporter.js')
+
+    const exporter = new DRACOExporter()
+
+    const options = {
+      decodeSpeed: 5,
+      encodeSpeed: 5,
+      encoderMethod: DRACOExporter.MESH_EDGEBREAKER_ENCODING,
+      quantization: [16, 8, 8, 8, 8],
+      exportUvs: true,
+      exportNormals: true,
+      exportColor: object.geometry.hasAttribute('color')
+    }
+
+    // TODO: Change to DRACOExporter's parse( geometry, onParse )?
+    const result = exporter.parse(object, options)
+    saveArrayBuffer(result, 'model.drc')
+  })
+  fileExportSubmenu.add(option)
+
+  // Export GLB
+
+  option = new UIRow()
+  option.setClass('option')
+  option.setTextContent('GLB')
+  option.onClick(async function () {
+    const scene = editor.scene
+    const animations = getAnimations(scene)
+
+    const optimizedAnimations = []
+
+    for (const animation of animations) {
+      optimizedAnimations.push(animation.clone().optimize())
+    }
+
+    const { GLTFExporter } = await import('three/addons/exporters/GLTFExporter.js')
+
+    const exporter = new GLTFExporter()
+
+    exporter.parse(
+      scene,
+      function (result) {
+        saveArrayBuffer(result, 'scene.glb')
+      },
+      undefined,
+      { binary: true, animations: optimizedAnimations }
+    )
+  })
+  fileExportSubmenu.add(option)
+
+  // Export GLTF
+
+  option = new UIRow()
+  option.setClass('option')
+  option.setTextContent('GLTF')
+  option.onClick(async function () {
+    const scene = editor.scene
+    const animations = getAnimations(scene)
+
+    const optimizedAnimations = []
+
+    for (const animation of animations) {
+      optimizedAnimations.push(animation.clone().optimize())
+    }
+
+    const { GLTFExporter } = await import('three/addons/exporters/GLTFExporter.js')
+
+    const exporter = new GLTFExporter()
+
+    exporter.parse(
+      scene,
+      function (result) {
+        saveString(JSON.stringify(result, null, 2), 'scene.gltf')
+      },
+      undefined,
+      { animations: optimizedAnimations }
+    )
+  })
+  fileExportSubmenu.add(option)
+
+  // Export OBJ
 
 
-function MenubarFile( editor ) {
+  option = new UIRow()
+  option.setClass('option')
+  option.setTextContent('OBJ')
+  option.onClick(async function () {
+    const object = editor.selected
 
 
-	const strings = editor.strings;
+    if (object === null) {
+      alert(strings.getKey('prompt/file/export/noObjectSelected'))
+      return
+    }
 
 
-	const saveArrayBuffer = editor.utils.saveArrayBuffer;
-	const saveString = editor.utils.saveString;
+    const { OBJExporter } = await import('three/addons/exporters/OBJExporter.js')
 
 
-	const container = new UIPanel();
-	container.setClass( 'menu' );
+    const exporter = new OBJExporter()
 
 
-	const title = new UIPanel();
-	title.setClass( 'title' );
-	title.setTextContent( strings.getKey( 'menubar/file' ) );
-	container.add( title );
+    saveString(exporter.parse(object), 'model.obj')
+  })
+  fileExportSubmenu.add(option)
 
 
-	const options = new UIPanel();
-	options.setClass( 'options' );
-	container.add( options );
+  // Export PLY (ASCII)
 
 
-	// New Project
+  option = new UIRow()
+  option.setClass('option')
+  option.setTextContent('PLY')
+  option.onClick(async function () {
+    const { PLYExporter } = await import('three/addons/exporters/PLYExporter.js')
 
 
-	const newProjectSubmenuTitle = new UIRow().setTextContent( strings.getKey( 'menubar/file/new' ) ).addClass( 'option' ).addClass( 'submenu-title' );
-	newProjectSubmenuTitle.onMouseOver( function () {
+    const exporter = new PLYExporter()
 
 
-		const { top, right } = this.dom.getBoundingClientRect();
-		const { paddingTop } = getComputedStyle( this.dom );
-		newProjectSubmenu.setLeft( right + 'px' );
-		newProjectSubmenu.setTop( top - parseFloat( paddingTop ) + 'px' );
-		newProjectSubmenu.setDisplay( 'block' );
+    exporter.parse(editor.scene, function (result) {
+      saveArrayBuffer(result, 'model.ply')
+    })
+  })
+  fileExportSubmenu.add(option)
 
 
-	} );
-	newProjectSubmenuTitle.onMouseOut( function () {
+  // Export PLY (BINARY)
 
 
-		newProjectSubmenu.setDisplay( 'none' );
+  option = new UIRow()
+  option.setClass('option')
+  option.setTextContent('PLY (BINARY)')
+  option.onClick(async function () {
+    const { PLYExporter } = await import('three/addons/exporters/PLYExporter.js')
 
 
-	} );
-	options.add( newProjectSubmenuTitle );
+    const exporter = new PLYExporter()
 
 
-	const newProjectSubmenu = new UIPanel().setPosition( 'fixed' ).addClass( 'options' ).setDisplay( 'none' );
-	newProjectSubmenuTitle.add( newProjectSubmenu );
+    exporter.parse(
+      editor.scene,
+      function (result) {
+        saveArrayBuffer(result, 'model-binary.ply')
+      },
+      { binary: true }
+    )
+  })
+  fileExportSubmenu.add(option)
 
 
-	// New Project / Empty
+  // Export STL (ASCII)
 
 
-	let option = new UIRow().setTextContent( strings.getKey( 'menubar/file/new/empty' ) ).setClass( 'option' );
-	option.onClick( function () {
+  option = new UIRow()
+  option.setClass('option')
+  option.setTextContent('STL')
+  option.onClick(async function () {
+    const { STLExporter } = await import('three/addons/exporters/STLExporter.js')
 
 
-		if ( confirm( strings.getKey( 'prompt/file/open' ) ) ) {
+    const exporter = new STLExporter()
 
 
-			editor.clear();
+    saveString(exporter.parse(editor.scene), 'model.stl')
+  })
+  fileExportSubmenu.add(option)
 
 
-		}
+  // Export STL (BINARY)
 
 
-	} );
-	newProjectSubmenu.add( option );
+  option = new UIRow()
+  option.setClass('option')
+  option.setTextContent('STL (BINARY)')
+  option.onClick(async function () {
+    const { STLExporter } = await import('three/addons/exporters/STLExporter.js')
 
 
-	//
+    const exporter = new STLExporter()
 
 
-	newProjectSubmenu.add( new UIHorizontalRule() );
+    saveArrayBuffer(exporter.parse(editor.scene, { binary: true }), 'model-binary.stl')
+  })
+  fileExportSubmenu.add(option)
 
 
-	// New Project / ...
+  // Export USDZ
 
 
-	const examples = [
-		{ title: 'menubar/file/new/Arkanoid', file: 'arkanoid.app.json' },
-		{ title: 'menubar/file/new/Camera', file: 'camera.app.json' },
-		{ title: 'menubar/file/new/Particles', file: 'particles.app.json' },
-		{ title: 'menubar/file/new/Pong', file: 'pong.app.json' },
-		{ title: 'menubar/file/new/Shaders', file: 'shaders.app.json' }
-	];
+  option = new UIRow()
+  option.setClass('option')
+  option.setTextContent('USDZ')
+  option.onClick(async function () {
+    const { USDZExporter } = await import('three/addons/exporters/USDZExporter.js')
 
 
-	const loader = new THREE.FileLoader();
+    const exporter = new USDZExporter()
 
 
-	for ( let i = 0; i < examples.length; i ++ ) {
+    saveArrayBuffer(await exporter.parseAsync(editor.scene), 'model.usdz')
+  })
+  fileExportSubmenu.add(option)
 
 
-		( function ( i ) {
+  //
 
 
-			const example = examples[ i ];
+  function getAnimations(scene) {
+    const animations = []
 
 
-			const option = new UIRow();
-			option.setClass( 'option' );
-			option.setTextContent( strings.getKey( example.title ) );
-			option.onClick( function () {
+    scene.traverse(function (object) {
+      animations.push(...object.animations)
+    })
 
 
-				if ( confirm( strings.getKey( 'prompt/file/open' ) ) ) {
-
-					loader.load( 'examples/' + example.file, function ( text ) {
-
-						editor.clear();
-						editor.fromJSON( JSON.parse( text ) );
-
-					} );
-
-				}
-
-			} );
-			newProjectSubmenu.add( option );
-
-		} )( i );
-
-	}
-
-	// Open
-
-	const openProjectForm = document.createElement( 'form' );
-	openProjectForm.style.display = 'none';
-	document.body.appendChild( openProjectForm );
-
-	const openProjectInput = document.createElement( 'input' );
-	openProjectInput.multiple = false;
-	openProjectInput.type = 'file';
-	openProjectInput.accept = '.json';
-	openProjectInput.addEventListener( 'change', async function () {
-
-		const file = openProjectInput.files[ 0 ];
-
-		if ( file === undefined ) return;
-
-		try {
-
-			const json = JSON.parse( await file.text() );
-
-			async function onEditorCleared() {
-
-				await editor.fromJSON( json );
-
-				editor.signals.editorCleared.remove( onEditorCleared );
-
-			}
-
-			editor.signals.editorCleared.add( onEditorCleared );
-
-			editor.clear();
-
-		} catch ( e ) {
-
-			alert( strings.getKey( 'prompt/file/failedToOpenProject' ) );
-			console.error( e );
-
-		} finally {
-
-			form.reset();
-
-		}
-
-	} );
-
-	openProjectForm.appendChild( openProjectInput );
-
-	option = new UIRow()
-		.addClass( 'option' )
-		.setTextContent( strings.getKey( 'menubar/file/open' ) )
-		.onClick( function () {
-
-			if ( confirm( strings.getKey( 'prompt/file/open' ) ) ) {
-
-				openProjectInput.click();
-
-			}
-
-		} );
-
-	options.add( option );
-
-	// Save
-
-	option = new UIRow()
-		.addClass( 'option' )
-		.setTextContent( strings.getKey( 'menubar/file/save' ) )
-		.onClick( function () {
-
-			const json = editor.toJSON();
-			const blob = new Blob( [ JSON.stringify( json ) ], { type: 'application/json' } );
-			editor.utils.save( blob, 'project.json' );
-
-		} );
-
-	options.add( option );
-
-	//
-
-	options.add( new UIHorizontalRule() );
-
-	// Import
-
-	const form = document.createElement( 'form' );
-	form.style.display = 'none';
-	document.body.appendChild( form );
-
-	const fileInput = document.createElement( 'input' );
-	fileInput.multiple = true;
-	fileInput.type = 'file';
-	fileInput.addEventListener( 'change', function () {
-
-		editor.loader.loadFiles( fileInput.files );
-		form.reset();
-
-	} );
-	form.appendChild( fileInput );
-
-	option = new UIRow();
-	option.setClass( 'option' );
-	option.setTextContent( strings.getKey( 'menubar/file/import' ) );
-	option.onClick( function () {
-
-		fileInput.click();
-
-	} );
-	options.add( option );
-
-	// Export
-
-	const fileExportSubmenuTitle = new UIRow().setTextContent( strings.getKey( 'menubar/file/export' ) ).addClass( 'option' ).addClass( 'submenu-title' );
-	fileExportSubmenuTitle.onMouseOver( function () {
-
-		const { top, right } = this.dom.getBoundingClientRect();
-		const { paddingTop } = getComputedStyle( this.dom );
-		fileExportSubmenu.setLeft( right + 'px' );
-		fileExportSubmenu.setTop( top - parseFloat( paddingTop ) + 'px' );
-		fileExportSubmenu.setDisplay( 'block' );
-
-	} );
-	fileExportSubmenuTitle.onMouseOut( function () {
-
-		fileExportSubmenu.setDisplay( 'none' );
-
-	} );
-	options.add( fileExportSubmenuTitle );
-
-	const fileExportSubmenu = new UIPanel().setPosition( 'fixed' ).addClass( 'options' ).setDisplay( 'none' );
-	fileExportSubmenuTitle.add( fileExportSubmenu );
-
-	// Export DRC
-
-	option = new UIRow();
-	option.setClass( 'option' );
-	option.setTextContent( 'DRC' );
-	option.onClick( async function () {
-
-		const object = editor.selected;
-
-		if ( object === null || object.isMesh === undefined ) {
-
-			alert( strings.getKey( 'prompt/file/export/noMeshSelected' ) );
-			return;
-
-		}
-
-		const { DRACOExporter } = await import( 'three/addons/exporters/DRACOExporter.js' );
-
-		const exporter = new DRACOExporter();
-
-		const options = {
-			decodeSpeed: 5,
-			encodeSpeed: 5,
-			encoderMethod: DRACOExporter.MESH_EDGEBREAKER_ENCODING,
-			quantization: [ 16, 8, 8, 8, 8 ],
-			exportUvs: true,
-			exportNormals: true,
-			exportColor: object.geometry.hasAttribute( 'color' )
-		};
-
-		// TODO: Change to DRACOExporter's parse( geometry, onParse )?
-		const result = exporter.parse( object, options );
-		saveArrayBuffer( result, 'model.drc' );
-
-	} );
-	fileExportSubmenu.add( option );
-
-	// Export GLB
-
-	option = new UIRow();
-	option.setClass( 'option' );
-	option.setTextContent( 'GLB' );
-	option.onClick( async function () {
-
-		const scene = editor.scene;
-		const animations = getAnimations( scene );
-
-		const optimizedAnimations = [];
-
-		for ( const animation of animations ) {
-
-			optimizedAnimations.push( animation.clone().optimize() );
-
-		}
-
-		const { GLTFExporter } = await import( 'three/addons/exporters/GLTFExporter.js' );
-
-		const exporter = new GLTFExporter();
-
-		exporter.parse( scene, function ( result ) {
-
-			saveArrayBuffer( result, 'scene.glb' );
-
-		}, undefined, { binary: true, animations: optimizedAnimations } );
-
-	} );
-	fileExportSubmenu.add( option );
-
-	// Export GLTF
-
-	option = new UIRow();
-	option.setClass( 'option' );
-	option.setTextContent( 'GLTF' );
-	option.onClick( async function () {
-
-		const scene = editor.scene;
-		const animations = getAnimations( scene );
-
-		const optimizedAnimations = [];
-
-		for ( const animation of animations ) {
-
-			optimizedAnimations.push( animation.clone().optimize() );
-
-		}
-
-		const { GLTFExporter } = await import( 'three/addons/exporters/GLTFExporter.js' );
-
-		const exporter = new GLTFExporter();
-
-		exporter.parse( scene, function ( result ) {
-
-			saveString( JSON.stringify( result, null, 2 ), 'scene.gltf' );
-
-		}, undefined, { animations: optimizedAnimations } );
-
-
-	} );
-	fileExportSubmenu.add( option );
-
-	// Export OBJ
-
-	option = new UIRow();
-	option.setClass( 'option' );
-	option.setTextContent( 'OBJ' );
-	option.onClick( async function () {
-
-		const object = editor.selected;
-
-		if ( object === null ) {
-
-			alert( strings.getKey( 'prompt/file/export/noObjectSelected' ) );
-			return;
-
-		}
-
-		const { OBJExporter } = await import( 'three/addons/exporters/OBJExporter.js' );
-
-		const exporter = new OBJExporter();
-
-		saveString( exporter.parse( object ), 'model.obj' );
-
-	} );
-	fileExportSubmenu.add( option );
-
-	// Export PLY (ASCII)
-
-	option = new UIRow();
-	option.setClass( 'option' );
-	option.setTextContent( 'PLY' );
-	option.onClick( async function () {
-
-		const { PLYExporter } = await import( 'three/addons/exporters/PLYExporter.js' );
-
-		const exporter = new PLYExporter();
-
-		exporter.parse( editor.scene, function ( result ) {
-
-			saveArrayBuffer( result, 'model.ply' );
-
-		} );
-
-	} );
-	fileExportSubmenu.add( option );
-
-	// Export PLY (BINARY)
-
-	option = new UIRow();
-	option.setClass( 'option' );
-	option.setTextContent( 'PLY (BINARY)' );
-	option.onClick( async function () {
-
-		const { PLYExporter } = await import( 'three/addons/exporters/PLYExporter.js' );
-
-		const exporter = new PLYExporter();
-
-		exporter.parse( editor.scene, function ( result ) {
-
-			saveArrayBuffer( result, 'model-binary.ply' );
-
-		}, { binary: true } );
-
-	} );
-	fileExportSubmenu.add( option );
-
-	// Export STL (ASCII)
-
-	option = new UIRow();
-	option.setClass( 'option' );
-	option.setTextContent( 'STL' );
-	option.onClick( async function () {
-
-		const { STLExporter } = await import( 'three/addons/exporters/STLExporter.js' );
-
-		const exporter = new STLExporter();
-
-		saveString( exporter.parse( editor.scene ), 'model.stl' );
-
-	} );
-	fileExportSubmenu.add( option );
-
-	// Export STL (BINARY)
-
-	option = new UIRow();
-	option.setClass( 'option' );
-	option.setTextContent( 'STL (BINARY)' );
-	option.onClick( async function () {
-
-		const { STLExporter } = await import( 'three/addons/exporters/STLExporter.js' );
-
-		const exporter = new STLExporter();
-
-		saveArrayBuffer( exporter.parse( editor.scene, { binary: true } ), 'model-binary.stl' );
-
-	} );
-	fileExportSubmenu.add( option );
-
-	// Export USDZ
-
-	option = new UIRow();
-	option.setClass( 'option' );
-	option.setTextContent( 'USDZ' );
-	option.onClick( async function () {
-
-		const { USDZExporter } = await import( 'three/addons/exporters/USDZExporter.js' );
-
-		const exporter = new USDZExporter();
-
-		saveArrayBuffer( await exporter.parseAsync( editor.scene ), 'model.usdz' );
-
-	} );
-	fileExportSubmenu.add( option );
-
-	//
-
-	function getAnimations( scene ) {
-
-		const animations = [];
-
-		scene.traverse( function ( object ) {
-
-			animations.push( ... object.animations );
-
-		} );
-
-		return animations;
-
-	}
-
-	return container;
+    return animations
+  }
 
 
+  return container
 }
 }
 
 
-export { MenubarFile };
+export { MenubarFile }

+/**
+ * 消息提示条
+ * @param {object} params
+ * @param {number} params.duration 持续时间（毫秒），默认`2000`
+ * @param {number} params.zIndex 起始定位层级，默认`1000`
+ */
+
+export default function useMessage(params = {}) {
+  const doc = document
+  const cssModule = `__${Math.random().toString(36).slice(2, 7)}`
+  const className = {
+    box: `msg-box${cssModule}`,
+    hide: `hide${cssModule}`,
+    text: `msg-text${cssModule}`,
+    icon: `msg-icon${cssModule}`
+  }
+  const style = doc.createElement('style')
+  style.textContent = `
+    .${className.box}, .${className.icon}, .${className.text} {
+      padding: 0;
+      margin: 0;
+      box-sizing: border-box;
+    }
+    .${className.box} {
+      position: fixed;
+      top: 0;
+      left: 50%;
+      display: flex;
+      padding: 12px 16px;
+      border-radius: 2px;
+      background-color: #fff;
+      box-shadow: 0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12);
+      white-space: nowrap;
+      animation: ${className.box}-move .4s;
+      transition: .4s all;
+      transform: translate3d(-50%, 0%, 0);
+      opacity: 1;
+      overflow: hidden;
+    }
+    .${className.box}::after {
+      content: "";
+      position: absolute;
+      left: 0;
+      top: 0;
+      height: 100%;
+      width: 4px;
+    }
+    @keyframes ${className.box}-move {
+      0% {
+        opacity: 0;
+        transform: translate3d(-50%, -100%, 0);
+      }
+      100% {
+        opacity: 1;
+        transform: translate3d(-50%, 0%, 0);
+      }
+    }
+    .${className.box}.${className.hide} {
+      opacity: 0;
+      /* transform: translate3d(-50%, -100%, 0); */
+      transform: translate3d(-50%, -100%, 0) scale(0);
+    }
+    .${className.icon} {
+      display: inline-block;
+      width: 18px;
+      height: 18px;
+      border-radius: 50%;
+      overflow: hidden;
+      margin-right: 6px;
+      position: relative;
+    }
+    .${className.text} {
+      font-size: 14px;
+      line-height: 18px;
+      color: #555;
+    }
+    .${className.icon}::after,
+    .${className.icon}::before {
+      position: absolute;
+      content: "";
+      background-color: #fff;
+    }
+    .${className.box}.info .${className.icon}, .${className.box}.info::after {
+      background-color: #1890ff;
+    }
+    .${className.box}.success .${className.icon}, .${className.box}.success::after {
+      background-color: #52c41a;
+    }
+    .${className.box}.warning .${className.icon}, .${className.box}.warning::after {
+      background-color: #faad14;
+    }
+    .${className.box}.error .${className.icon}, .${className.box}.error::after {
+      background-color: #ff4d4f;
+    }
+    .${className.box}.info .${className.icon}::after,
+    .${className.box}.warning .${className.icon}::after {
+      top: 15%;
+      left: 50%;
+      margin-left: -1px;
+      width: 2px;
+      height: 2px;
+      border-radius: 50%;
+    }
+    .${className.box}.info .${className.icon}::before,
+    .${className.box}.warning .${className.icon}::before {
+      top: calc(15% + 4px);
+      left: 50%;
+      margin-left: -1px;
+      width: 2px;
+      height: 40%;
+    }
+    .${className.box}.error .${className.icon}::after, 
+    .${className.box}.error .${className.icon}::before {
+      top: 20%;
+      left: 50%;
+      width: 2px;
+      height: 60%;
+      margin-left: -1px;
+      border-radius: 1px;
+    }
+    .${className.box}.error .${className.icon}::after {
+      transform: rotate(-45deg);
+    }
+    .${className.box}.error .${className.icon}::before {
+      transform: rotate(45deg);
+    }
+    .${className.box}.success .${className.icon}::after {
+      box-sizing: content-box;
+      background-color: transparent;
+      border: 2px solid #fff;
+      border-left: 0;
+      border-top: 0;
+      height: 50%;
+      left: 35%;
+      top: 13%;
+      transform: rotate(45deg);
+      width: 20%;
+      transform-origin: center;
+    }
+    `
+    .replace(/(\n|\t|\s)*/gi, '$1')
+    .replace(/\n|\t|\s(\{|\}|\,|\:|\;)/gi, '$1')
+    .replace(/(\{|\}|\,|\:|\;)\s/gi, '$1')
+  doc.head.appendChild(style)
+  /** 一直累加的定位层级 */
+  let zIndex = params.zIndex || 1000
+  /**
+   * 消息队列
+   * @type {Array<HTMLElement>}
+   */
+  const messageList = []
+
+  /**
+   * 获取指定`item`的定位`top`
+   * @param {HTMLElement=} el
+   */
+  function getItemTop(el) {
+    let top = 10
+    for (let i = 0; i < messageList.length; i++) {
+      const item = messageList[i]
+      if (el && el === item) {
+        break
+      }
+      top += item.clientHeight + 20
+    }
+    return top
+  }
+
+  /**
+   * 删除指定列表项
+   * @param {HTMLElement} el
+   */
+  function removeItem(el) {
+    for (let i = 0; i < messageList.length; i++) {
+      const item = messageList[i]
+      if (item === el) {
+        messageList.splice(i, 1)
+        break
+      }
+    }
+    el.classList.add(className.hide)
+    messageList.forEach(function (item) {
+      item.style.top = `${getItemTop(item)}px`
+    })
+  }
+
+  /**
+   * 显示一条消息
+   * @param {string} content 内容
+   * @param {"info"|"success"|"warning"|"error"} type 消息类型
+   * @param {number} duration 持续时间，优先级比默认值高
+   */
+  function show(content, type = 'info', duration) {
+    const el = doc.createElement('div')
+    el.className = `${className.box} ${type}`
+    el.style.top = `${getItemTop()}px`
+    el.style.zIndex = zIndex
+    el.innerHTML = `
+      <span class="${className.icon}"></span>
+      <span class="${className.text}">${content}</span>
+      `
+    zIndex++
+    messageList.push(el)
+    doc.body.appendChild(el)
+    // 添加动画监听事件
+    function animationEnd() {
+      el.removeEventListener('animationend', animationEnd)
+      setTimeout(removeItem, duration || params.duration || 2000, el)
+    }
+    el.addEventListener('animationend', animationEnd)
+    function transitionEnd() {
+      if (getComputedStyle(el).opacity !== '0') return
+      el.removeEventListener('transitionend', transitionEnd)
+      el.remove()
+    }
+    el.addEventListener('transitionend', transitionEnd)
+  }
+
+  return {
+    show,
+    /**
+     * 普通描述提示
+     * @param {string} msg
+     */
+    info(msg) {
+      show(msg, 'info')
+    },
+    /**
+     * 成功提示
+     * @param {string} msg
+     */
+    success(msg) {
+      show(msg, 'success')
+    },
+    /**
+     * 警告提示
+     * @param {string} msg
+     */
+    warning(msg) {
+      show(msg, 'warning')
+    },
+    /**
+     * 错误提示
+     * @param {string} msg
+     */
+    error(msg) {
+      show(msg, 'error')
+    }
+  }
+}

@@ -714,19 +714,34 @@ const vertexShaderVariables = [
 	'attribute vec3 position;\n\n',
 	'attribute vec3 position;\n\n',
 ].join( '\n' );
 ].join( '\n' );
 
 
+// const meshMaterialOptions = {
+// 	'MeshBasicMaterial': 'MeshBasicMaterial',
+// 	'MeshDepthMaterial': 'MeshDepthMaterial',
+// 	'MeshNormalMaterial': 'MeshNormalMaterial',
+// 	'MeshLambertMaterial': 'MeshLambertMaterial',
+// 	'MeshMatcapMaterial': 'MeshMatcapMaterial',
+// 	'MeshPhongMaterial': 'MeshPhongMaterial',
+// 	'MeshToonMaterial': 'MeshToonMaterial',
+// 	'MeshStandardMaterial': 'MeshStandardMaterial',
+// 	'MeshPhysicalMaterial': 'MeshPhysicalMaterial',
+// 	'RawShaderMaterial': 'RawShaderMaterial',
+// 	'ShaderMaterial': 'ShaderMaterial',
+// 	'ShadowMaterial': 'ShadowMaterial'
+// };
+
 const meshMaterialOptions = {
 const meshMaterialOptions = {
-	'MeshBasicMaterial': 'MeshBasicMaterial',
-	'MeshDepthMaterial': 'MeshDepthMaterial',
-	'MeshNormalMaterial': 'MeshNormalMaterial',
-	'MeshLambertMaterial': 'MeshLambertMaterial',
-	'MeshMatcapMaterial': 'MeshMatcapMaterial',
-	'MeshPhongMaterial': 'MeshPhongMaterial',
-	'MeshToonMaterial': 'MeshToonMaterial',
-	'MeshStandardMaterial': 'MeshStandardMaterial',
-	'MeshPhysicalMaterial': 'MeshPhysicalMaterial',
-	'RawShaderMaterial': 'RawShaderMaterial',
-	'ShaderMaterial': 'ShaderMaterial',
-	'ShadowMaterial': 'ShadowMaterial'
+	'MeshBasicMaterial': '基础网格材质（MeshBasicMaterial）',
+	'MeshDepthMaterial': '深度网格材质（MeshDepthMaterial）',
+	'MeshNormalMaterial': '法线网格材质（MeshNormalMaterial）',
+	'MeshLambertMaterial': 'Lambert网格材质（MeshLambertMaterial）',
+	'MeshMatcapMaterial': 'MatCap网格材质（MeshMatcapMaterial）',
+	'MeshPhongMaterial': 'Phong网格材质（MeshPhongMaterial）',
+	'MeshToonMaterial': '卡通网格材质（MeshToonMaterial）',
+	'MeshStandardMaterial': '标准网格材质（MeshStandardMaterial）',
+	'MeshPhysicalMaterial': '物理网格材质（MeshPhysicalMaterial）',
+	'RawShaderMaterial': '原始着色器材质（RawShaderMaterial）',
+	'ShaderMaterial': '着色器材质（ShaderMaterial）',
+	'ShadowMaterial': '阴影材质（ShadowMaterial）'
 };
 };
 
 
 const lineMaterialOptions = {
 const lineMaterialOptions = {

+/* 
+封装本地存储模块
+ */
+
+export const getItem = name => {
+  const data = window.localStorage.getItem(name)
+  try {
+    return JSON.parse(data)
+  } catch (err) {
+    return data
+  }
+}
+
+export const setItem = (name, value) => {
+  if (typeof value === 'object') {
+    value = JSON.stringify(value)
+  }
+  window.localStorage.setItem(name, value)
+}
+
+export const removeItem = name => {
+  window.localStorage.removeItem(name)
+}
+
+export const clearItem = () => {
+  window.localStorage.clearItem()
+}

+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).axios=t()}(this,(function(){"use strict";function e(e){var r,n;function o(r,n){try{var a=e[r](n),u=a.value,s=u instanceof t;Promise.resolve(s?u.v:u).then((function(t){if(s){var n="return"===r?"return":"next";if(!u.k||t.done)return o(n,t);t=e[n](t).value}i(a.done?"return":"normal",t)}),(function(e){o("throw",e)}))}catch(e){i("throw",e)}}function i(e,t){switch(e){case"return":r.resolve({value:t,done:!0});break;case"throw":r.reject(t);break;default:r.resolve({value:t,done:!1})}(r=r.next)?o(r.key,r.arg):n=null}this._invoke=function(e,t){return new Promise((function(i,a){var u={key:e,arg:t,resolve:i,reject:a,next:null};n?n=n.next=u:(r=n=u,o(e,t))}))},"function"!=typeof e.return&&(this.return=void 0)}function t(e,t){this.v=e,this.k=t}function r(e){var r={},n=!1;function o(r,o){return n=!0,o=new Promise((function(t){t(e[r](o))})),{done:!1,value:new t(o,1)}}return r["undefined"!=typeof Symbol&&Symbol.iterator||"@@iterator"]=function(){return this},r.next=function(e){return n?(n=!1,e):o("next",e)},"function"==typeof e.throw&&(r.throw=function(e){if(n)throw n=!1,e;return o("throw",e)}),"function"==typeof e.return&&(r.return=function(e){return n?(n=!1,e):o("return",e)}),r}function n(e){var t,r,n,i=2;for("undefined"!=typeof Symbol&&(r=Symbol.asyncIterator,n=Symbol.iterator);i--;){if(r&&null!=(t=e[r]))return t.call(e);if(n&&null!=(t=e[n]))return new o(t.call(e));r="@@asyncIterator",n="@@iterator"}throw new TypeError("Object is not async iterable")}function o(e){function t(e){if(Object(e)!==e)return Promise.reject(new TypeError(e+" is not an object."));var t=e.done;return Promise.resolve(e.value).then((function(e){return{value:e,done:t}}))}return o=function(e){this.s=e,this.n=e.next},o.prototype={s:null,n:null,next:function(){return t(this.n.apply(this.s,arguments))},return:function(e){var r=this.s.return;return void 0===r?Promise.resolve({value:e,done:!0}):t(r.apply(this.s,arguments))},throw:function(e){var r=this.s.return;return void 0===r?Promise.reject(e):t(r.apply(this.s,arguments))}},new o(e)}function i(e){return new t(e,0)}function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function u(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?a(Object(r),!0).forEach((function(t){m(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function s(){s=function(){return t};var e,t={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(e,t,r){e[t]=r.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",u=i.asyncIterator||"@@asyncIterator",c=i.toStringTag||"@@toStringTag";function f(e,t,r){return Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{f({},"")}catch(e){f=function(e,t,r){return e[t]=r}}function l(e,t,r,n){var i=t&&t.prototype instanceof m?t:m,a=Object.create(i.prototype),u=new P(n||[]);return o(a,"_invoke",{value:T(e,r,u)}),a}function h(e,t,r){try{return{type:"normal",arg:e.call(t,r)}}catch(e){return{type:"throw",arg:e}}}t.wrap=l;var p="suspendedStart",d="executing",v="completed",y={};function m(){}function b(){}function g(){}var w={};f(w,a,(function(){return this}));var E=Object.getPrototypeOf,O=E&&E(E(L([])));O&&O!==r&&n.call(O,a)&&(w=O);var S=g.prototype=m.prototype=Object.create(w);function x(e){["next","throw","return"].forEach((function(t){f(e,t,(function(e){return this._invoke(t,e)}))}))}function R(e,t){function r(o,i,a,u){var s=h(e[o],e,i);if("throw"!==s.type){var c=s.arg,f=c.value;return f&&"object"==typeof f&&n.call(f,"__await")?t.resolve(f.__await).then((function(e){r("next",e,a,u)}),(function(e){r("throw",e,a,u)})):t.resolve(f).then((function(e){c.value=e,a(c)}),(function(e){return r("throw",e,a,u)}))}u(s.arg)}var i;o(this,"_invoke",{value:function(e,n){function o(){return new t((function(t,o){r(e,n,t,o)}))}return i=i?i.then(o,o):o()}})}function T(t,r,n){var o=p;return function(i,a){if(o===d)throw new Error("Generator is already running");if(o===v){if("throw"===i)throw a;return{value:e,done:!0}}for(n.method=i,n.arg=a;;){var u=n.delegate;if(u){var s=k(u,n);if(s){if(s===y)continue;return s}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===p)throw o=v,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=d;var c=h(t,r,n);if("normal"===c.type){if(o=n.done?v:"suspendedYield",c.arg===y)continue;return{value:c.arg,done:n.done}}"throw"===c.type&&(o=v,n.method="throw",n.arg=c.arg)}}}function k(t,r){var n=r.method,o=t.iterator[n];if(o===e)return r.delegate=null,"throw"===n&&t.iterator.return&&(r.method="return",r.arg=e,k(t,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=h(o,t.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[t.resultName]=a.value,r.next=t.nextLoc,"return"!==r.method&&(r.method="next",r.arg=e),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y)}function A(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function j(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function P(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(A,this),this.reset(!0)}function L(t){if(t||""===t){var r=t[a];if(r)return r.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var o=-1,i=function r(){for(;++o<t.length;)if(n.call(t,o))return r.value=t[o],r.done=!1,r;return r.value=e,r.done=!0,r};return i.next=i}}throw new TypeError(typeof t+" is not iterable")}return b.prototype=g,o(S,"constructor",{value:g,configurable:!0}),o(g,"constructor",{value:b,configurable:!0}),b.displayName=f(g,c,"GeneratorFunction"),t.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===b||"GeneratorFunction"===(t.displayName||t.name))},t.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,g):(e.__proto__=g,f(e,c,"GeneratorFunction")),e.prototype=Object.create(S),e},t.awrap=function(e){return{__await:e}},x(R.prototype),f(R.prototype,u,(function(){return this})),t.AsyncIterator=R,t.async=function(e,r,n,o,i){void 0===i&&(i=Promise);var a=new R(l(e,r,n,o),i);return t.isGeneratorFunction(r)?a:a.next().then((function(e){return e.done?e.value:a.next()}))},x(S),f(S,c,"Generator"),f(S,a,(function(){return this})),f(S,"toString",(function(){return"[object Generator]"})),t.keys=function(e){var t=Object(e),r=[];for(var n in t)r.push(n);return r.reverse(),function e(){for(;r.length;){var n=r.pop();if(n in t)return e.value=n,e.done=!1,e}return e.done=!0,e}},t.values=L,P.prototype={constructor:P,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=e,this.done=!1,this.delegate=null,this.method="next",this.arg=e,this.tryEntries.forEach(j),!t)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=e)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var r=this;function o(n,o){return u.type="throw",u.arg=t,r.next=n,o&&(r.method="next",r.arg=e),!!o}for(var i=this.tryEntries.length-1;i>=0;--i){var a=this.tryEntries[i],u=a.completion;if("root"===a.tryLoc)return o("end");if(a.tryLoc<=this.prev){var s=n.call(a,"catchLoc"),c=n.call(a,"finallyLoc");if(s&&c){if(this.prev<a.catchLoc)return o(a.catchLoc,!0);if(this.prev<a.finallyLoc)return o(a.finallyLoc)}else if(s){if(this.prev<a.catchLoc)return o(a.catchLoc,!0)}else{if(!c)throw new Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return o(a.finallyLoc)}}}},abrupt:function(e,t){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===e||"continue"===e)&&i.tryLoc<=t&&t<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=e,a.arg=t,i?(this.method="next",this.next=i.finallyLoc,y):this.complete(a)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),y},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.finallyLoc===e)return this.complete(r.completion,r.afterLoc),j(r),y}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.tryLoc===e){var n=r.completion;if("throw"===n.type){var o=n.arg;j(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,r,n){return this.delegate={iterator:L(t),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=e),y}},t}function c(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}function f(e){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f(e)}function l(t){return function(){return new e(t.apply(this,arguments))}}function h(e,t,r,n,o,i,a){try{var u=e[i](a),s=u.value}catch(e){return void r(e)}u.done?t(s):Promise.resolve(s).then(n,o)}function p(e){return function(){var t=this,r=arguments;return new Promise((function(n,o){var i=e.apply(t,r);function a(e){h(i,n,o,a,u,"next",e)}function u(e){h(i,n,o,a,u,"throw",e)}a(void 0)}))}}function d(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function v(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,c(n.key),n)}}function y(e,t,r){return t&&v(e.prototype,t),r&&v(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}function m(e,t,r){return(t=c(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function b(e,t){return w(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,a,u=[],s=!0,c=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;s=!1}else for(;!(s=(n=i.call(r)).done)&&(u.push(n.value),u.length!==t);s=!0);}catch(e){c=!0,o=e}finally{try{if(!s&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(c)throw o}}return u}}(e,t)||O(e,t)||x()}function g(e){return function(e){if(Array.isArray(e))return S(e)}(e)||E(e)||O(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function w(e){if(Array.isArray(e))return e}function E(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function O(e,t){if(e){if("string"==typeof e)return S(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?S(e,t):void 0}}function S(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function x(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function R(e,t){return function(){return e.apply(t,arguments)}}e.prototype["function"==typeof Symbol&&Symbol.asyncIterator||"@@asyncIterator"]=function(){return this},e.prototype.next=function(e){return this._invoke("next",e)},e.prototype.throw=function(e){return this._invoke("throw",e)},e.prototype.return=function(e){return this._invoke("return",e)};var T,k=Object.prototype.toString,A=Object.getPrototypeOf,j=(T=Object.create(null),function(e){var t=k.call(e);return T[t]||(T[t]=t.slice(8,-1).toLowerCase())}),P=function(e){return e=e.toLowerCase(),function(t){return j(t)===e}},L=function(e){return function(t){return f(t)===e}},N=Array.isArray,_=L("undefined");var C=P("ArrayBuffer");var F=L("string"),U=L("function"),B=L("number"),D=function(e){return null!==e&&"object"===f(e)},I=function(e){if("object"!==j(e))return!1;var t=A(e);return!(null!==t&&t!==Object.prototype&&null!==Object.getPrototypeOf(t)||Symbol.toStringTag in e||Symbol.iterator in e)},q=P("Date"),M=P("File"),z=P("Blob"),H=P("FileList"),J=P("URLSearchParams"),W=b(["ReadableStream","Request","Response","Headers"].map(P),4),G=W[0],K=W[1],V=W[2],X=W[3];function $(e,t){var r,n,o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=o.allOwnKeys,a=void 0!==i&&i;if(null!=e)if("object"!==f(e)&&(e=[e]),N(e))for(r=0,n=e.length;r<n;r++)t.call(null,e[r],r,e);else{var u,s=a?Object.getOwnPropertyNames(e):Object.keys(e),c=s.length;for(r=0;r<c;r++)u=s[r],t.call(null,e[u],u,e)}}function Y(e,t){t=t.toLowerCase();for(var r,n=Object.keys(e),o=n.length;o-- >0;)if(t===(r=n[o]).toLowerCase())return r;return null}var Q="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:"undefined"!=typeof window?window:global,Z=function(e){return!_(e)&&e!==Q};var ee,te=(ee="undefined"!=typeof Uint8Array&&A(Uint8Array),function(e){return ee&&e instanceof ee}),re=P("HTMLFormElement"),ne=function(e){var t=Object.prototype.hasOwnProperty;return function(e,r){return t.call(e,r)}}(),oe=P("RegExp"),ie=function(e,t){var r=Object.getOwnPropertyDescriptors(e),n={};$(r,(function(r,o){var i;!1!==(i=t(r,o,e))&&(n[o]=i||r)})),Object.defineProperties(e,n)},ae="abcdefghijklmnopqrstuvwxyz",ue="0123456789",se={DIGIT:ue,ALPHA:ae,ALPHA_DIGIT:ae+ae.toUpperCase()+ue};var ce,fe,le,he,pe=P("AsyncFunction"),de=(ce="function"==typeof setImmediate,fe=U(Q.postMessage),ce?setImmediate:fe?(le="axios@".concat(Math.random()),he=[],Q.addEventListener("message",(function(e){var t=e.source,r=e.data;t===Q&&r===le&&he.length&&he.shift()()}),!1),function(e){he.push(e),Q.postMessage(le,"*")}):function(e){return setTimeout(e)}),ve="undefined"!=typeof queueMicrotask?queueMicrotask.bind(Q):"undefined"!=typeof process&&process.nextTick||de,ye={isArray:N,isArrayBuffer:C,isBuffer:function(e){return null!==e&&!_(e)&&null!==e.constructor&&!_(e.constructor)&&U(e.constructor.isBuffer)&&e.constructor.isBuffer(e)},isFormData:function(e){var t;return e&&("function"==typeof FormData&&e instanceof FormData||U(e.append)&&("formdata"===(t=j(e))||"object"===t&&U(e.toString)&&"[object FormData]"===e.toString()))},isArrayBufferView:function(e){return"undefined"!=typeof ArrayBuffer&&ArrayBuffer.isView?ArrayBuffer.isView(e):e&&e.buffer&&C(e.buffer)},isString:F,isNumber:B,isBoolean:function(e){return!0===e||!1===e},isObject:D,isPlainObject:I,isReadableStream:G,isRequest:K,isResponse:V,isHeaders:X,isUndefined:_,isDate:q,isFile:M,isBlob:z,isRegExp:oe,isFunction:U,isStream:function(e){return D(e)&&U(e.pipe)},isURLSearchParams:J,isTypedArray:te,isFileList:H,forEach:$,merge:function e(){for(var t=Z(this)&&this||{},r=t.caseless,n={},o=function(t,o){var i=r&&Y(n,o)||o;I(n[i])&&I(t)?n[i]=e(n[i],t):I(t)?n[i]=e({},t):N(t)?n[i]=t.slice():n[i]=t},i=0,a=arguments.length;i<a;i++)arguments[i]&&$(arguments[i],o);return n},extend:function(e,t,r){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},o=n.allOwnKeys;return $(t,(function(t,n){r&&U(t)?e[n]=R(t,r):e[n]=t}),{allOwnKeys:o}),e},trim:function(e){return e.trim?e.trim():e.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,"")},stripBOM:function(e){return 65279===e.charCodeAt(0)&&(e=e.slice(1)),e},inherits:function(e,t,r,n){e.prototype=Object.create(t.prototype,n),e.prototype.constructor=e,Object.defineProperty(e,"super",{value:t.prototype}),r&&Object.assign(e.prototype,r)},toFlatObject:function(e,t,r,n){var o,i,a,u={};if(t=t||{},null==e)return t;do{for(i=(o=Object.getOwnPropertyNames(e)).length;i-- >0;)a=o[i],n&&!n(a,e,t)||u[a]||(t[a]=e[a],u[a]=!0);e=!1!==r&&A(e)}while(e&&(!r||r(e,t))&&e!==Object.prototype);return t},kindOf:j,kindOfTest:P,endsWith:function(e,t,r){e=String(e),(void 0===r||r>e.length)&&(r=e.length),r-=t.length;var n=e.indexOf(t,r);return-1!==n&&n===r},toArray:function(e){if(!e)return null;if(N(e))return e;var t=e.length;if(!B(t))return null;for(var r=new Array(t);t-- >0;)r[t]=e[t];return r},forEachEntry:function(e,t){for(var r,n=(e&&e[Symbol.iterator]).call(e);(r=n.next())&&!r.done;){var o=r.value;t.call(e,o[0],o[1])}},matchAll:function(e,t){for(var r,n=[];null!==(r=e.exec(t));)n.push(r);return n},isHTMLForm:re,hasOwnProperty:ne,hasOwnProp:ne,reduceDescriptors:ie,freezeMethods:function(e){ie(e,(function(t,r){if(U(e)&&-1!==["arguments","caller","callee"].indexOf(r))return!1;var n=e[r];U(n)&&(t.enumerable=!1,"writable"in t?t.writable=!1:t.set||(t.set=function(){throw Error("Can not rewrite read-only method '"+r+"'")}))}))},toObjectSet:function(e,t){var r={},n=function(e){e.forEach((function(e){r[e]=!0}))};return N(e)?n(e):n(String(e).split(t)),r},toCamelCase:function(e){return e.toLowerCase().replace(/[-_\s]([a-z\d])(\w*)/g,(function(e,t,r){return t.toUpperCase()+r}))},noop:function(){},toFiniteNumber:function(e,t){return null!=e&&Number.isFinite(e=+e)?e:t},findKey:Y,global:Q,isContextDefined:Z,ALPHABET:se,generateString:function(){for(var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:16,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:se.ALPHA_DIGIT,r="",n=t.length;e--;)r+=t[Math.random()*n|0];return r},isSpecCompliantForm:function(e){return!!(e&&U(e.append)&&"FormData"===e[Symbol.toStringTag]&&e[Symbol.iterator])},toJSONObject:function(e){var t=new Array(10);return function e(r,n){if(D(r)){if(t.indexOf(r)>=0)return;if(!("toJSON"in r)){t[n]=r;var o=N(r)?[]:{};return $(r,(function(t,r){var i=e(t,n+1);!_(i)&&(o[r]=i)})),t[n]=void 0,o}}return r}(e,0)},isAsyncFn:pe,isThenable:function(e){return e&&(D(e)||U(e))&&U(e.then)&&U(e.catch)},setImmediate:de,asap:ve};function me(e,t,r,n,o){Error.call(this),Error.captureStackTrace?Error.captureStackTrace(this,this.constructor):this.stack=(new Error).stack,this.message=e,this.name="AxiosError",t&&(this.code=t),r&&(this.config=r),n&&(this.request=n),o&&(this.response=o,this.status=o.status?o.status:null)}ye.inherits(me,Error,{toJSON:function(){return{message:this.message,name:this.name,description:this.description,number:this.number,fileName:this.fileName,lineNumber:this.lineNumber,columnNumber:this.columnNumber,stack:this.stack,config:ye.toJSONObject(this.config),code:this.code,status:this.status}}});var be=me.prototype,ge={};["ERR_BAD_OPTION_VALUE","ERR_BAD_OPTION","ECONNABORTED","ETIMEDOUT","ERR_NETWORK","ERR_FR_TOO_MANY_REDIRECTS","ERR_DEPRECATED","ERR_BAD_RESPONSE","ERR_BAD_REQUEST","ERR_CANCELED","ERR_NOT_SUPPORT","ERR_INVALID_URL"].forEach((function(e){ge[e]={value:e}})),Object.defineProperties(me,ge),Object.defineProperty(be,"isAxiosError",{value:!0}),me.from=function(e,t,r,n,o,i){var a=Object.create(be);return ye.toFlatObject(e,a,(function(e){return e!==Error.prototype}),(function(e){return"isAxiosError"!==e})),me.call(a,e.message,t,r,n,o),a.cause=e,a.name=e.name,i&&Object.assign(a,i),a};function we(e){return ye.isPlainObject(e)||ye.isArray(e)}function Ee(e){return ye.endsWith(e,"[]")?e.slice(0,-2):e}function Oe(e,t,r){return e?e.concat(t).map((function(e,t){return e=Ee(e),!r&&t?"["+e+"]":e})).join(r?".":""):t}var Se=ye.toFlatObject(ye,{},null,(function(e){return/^is[A-Z]/.test(e)}));function xe(e,t,r){if(!ye.isObject(e))throw new TypeError("target must be an object");t=t||new FormData;var n=(r=ye.toFlatObject(r,{metaTokens:!0,dots:!1,indexes:!1},!1,(function(e,t){return!ye.isUndefined(t[e])}))).metaTokens,o=r.visitor||c,i=r.dots,a=r.indexes,u=(r.Blob||"undefined"!=typeof Blob&&Blob)&&ye.isSpecCompliantForm(t);if(!ye.isFunction(o))throw new TypeError("visitor must be a function");function s(e){if(null===e)return"";if(ye.isDate(e))return e.toISOString();if(!u&&ye.isBlob(e))throw new me("Blob is not supported. Use a Buffer instead.");return ye.isArrayBuffer(e)||ye.isTypedArray(e)?u&&"function"==typeof Blob?new Blob([e]):Buffer.from(e):e}function c(e,r,o){var u=e;if(e&&!o&&"object"===f(e))if(ye.endsWith(r,"{}"))r=n?r:r.slice(0,-2),e=JSON.stringify(e);else if(ye.isArray(e)&&function(e){return ye.isArray(e)&&!e.some(we)}(e)||(ye.isFileList(e)||ye.endsWith(r,"[]"))&&(u=ye.toArray(e)))return r=Ee(r),u.forEach((function(e,n){!ye.isUndefined(e)&&null!==e&&t.append(!0===a?Oe([r],n,i):null===a?r:r+"[]",s(e))})),!1;return!!we(e)||(t.append(Oe(o,r,i),s(e)),!1)}var l=[],h=Object.assign(Se,{defaultVisitor:c,convertValue:s,isVisitable:we});if(!ye.isObject(e))throw new TypeError("data must be an object");return function e(r,n){if(!ye.isUndefined(r)){if(-1!==l.indexOf(r))throw Error("Circular reference detected in "+n.join("."));l.push(r),ye.forEach(r,(function(r,i){!0===(!(ye.isUndefined(r)||null===r)&&o.call(t,r,ye.isString(i)?i.trim():i,n,h))&&e(r,n?n.concat(i):[i])})),l.pop()}}(e),t}function Re(e){var t={"!":"%21","'":"%27","(":"%28",")":"%29","~":"%7E","%20":"+","%00":"\0"};return encodeURIComponent(e).replace(/[!'()~]|%20|%00/g,(function(e){return t[e]}))}function Te(e,t){this._pairs=[],e&&xe(e,this,t)}var ke=Te.prototype;function Ae(e){return encodeURIComponent(e).replace(/%3A/gi,":").replace(/%24/g,"$").replace(/%2C/gi,",").replace(/%20/g,"+").replace(/%5B/gi,"[").replace(/%5D/gi,"]")}function je(e,t,r){if(!t)return e;var n,o=r&&r.encode||Ae,i=r&&r.serialize;if(n=i?i(t,r):ye.isURLSearchParams(t)?t.toString():new Te(t,r).toString(o)){var a=e.indexOf("#");-1!==a&&(e=e.slice(0,a)),e+=(-1===e.indexOf("?")?"?":"&")+n}return e}ke.append=function(e,t){this._pairs.push([e,t])},ke.toString=function(e){var t=e?function(t){return e.call(this,t,Re)}:Re;return this._pairs.map((function(e){return t(e[0])+"="+t(e[1])}),"").join("&")};var Pe=function(){function e(){d(this,e),this.handlers=[]}return y(e,[{key:"use",value:function(e,t,r){return this.handlers.push({fulfilled:e,rejected:t,synchronous:!!r&&r.synchronous,runWhen:r?r.runWhen:null}),this.handlers.length-1}},{key:"eject",value:function(e){this.handlers[e]&&(this.handlers[e]=null)}},{key:"clear",value:function(){this.handlers&&(this.handlers=[])}},{key:"forEach",value:function(e){ye.forEach(this.handlers,(function(t){null!==t&&e(t)}))}}]),e}(),Le={silentJSONParsing:!0,forcedJSONParsing:!0,clarifyTimeoutError:!1},Ne={isBrowser:!0,classes:{URLSearchParams:"undefined"!=typeof URLSearchParams?URLSearchParams:Te,FormData:"undefined"!=typeof FormData?FormData:null,Blob:"undefined"!=typeof Blob?Blob:null},protocols:["http","https","file","blob","url","data"]},_e="undefined"!=typeof window&&"undefined"!=typeof document,Ce="object"===("undefined"==typeof navigator?"undefined":f(navigator))&&navigator||void 0,Fe=_e&&(!Ce||["ReactNative","NativeScript","NS"].indexOf(Ce.product)<0),Ue="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope&&"function"==typeof self.importScripts,Be=_e&&window.location.href||"http://localhost",De=u(u({},Object.freeze({__proto__:null,hasBrowserEnv:_e,hasStandardBrowserWebWorkerEnv:Ue,hasStandardBrowserEnv:Fe,navigator:Ce,origin:Be})),Ne);function Ie(e){function t(e,r,n,o){var i=e[o++];if("__proto__"===i)return!0;var a=Number.isFinite(+i),u=o>=e.length;return i=!i&&ye.isArray(n)?n.length:i,u?(ye.hasOwnProp(n,i)?n[i]=[n[i],r]:n[i]=r,!a):(n[i]&&ye.isObject(n[i])||(n[i]=[]),t(e,r,n[i],o)&&ye.isArray(n[i])&&(n[i]=function(e){var t,r,n={},o=Object.keys(e),i=o.length;for(t=0;t<i;t++)n[r=o[t]]=e[r];return n}(n[i])),!a)}if(ye.isFormData(e)&&ye.isFunction(e.entries)){var r={};return ye.forEachEntry(e,(function(e,n){t(function(e){return ye.matchAll(/\w+|\[(\w*)]/g,e).map((function(e){return"[]"===e[0]?"":e[1]||e[0]}))}(e),n,r,0)})),r}return null}var qe={transitional:Le,adapter:["xhr","http","fetch"],transformRequest:[function(e,t){var r,n=t.getContentType()||"",o=n.indexOf("application/json")>-1,i=ye.isObject(e);if(i&&ye.isHTMLForm(e)&&(e=new FormData(e)),ye.isFormData(e))return o?JSON.stringify(Ie(e)):e;if(ye.isArrayBuffer(e)||ye.isBuffer(e)||ye.isStream(e)||ye.isFile(e)||ye.isBlob(e)||ye.isReadableStream(e))return e;if(ye.isArrayBufferView(e))return e.buffer;if(ye.isURLSearchParams(e))return t.setContentType("application/x-www-form-urlencoded;charset=utf-8",!1),e.toString();if(i){if(n.indexOf("application/x-www-form-urlencoded")>-1)return function(e,t){return xe(e,new De.classes.URLSearchParams,Object.assign({visitor:function(e,t,r,n){return De.isNode&&ye.isBuffer(e)?(this.append(t,e.toString("base64")),!1):n.defaultVisitor.apply(this,arguments)}},t))}(e,this.formSerializer).toString();if((r=ye.isFileList(e))||n.indexOf("multipart/form-data")>-1){var a=this.env&&this.env.FormData;return xe(r?{"files[]":e}:e,a&&new a,this.formSerializer)}}return i||o?(t.setContentType("application/json",!1),function(e,t,r){if(ye.isString(e))try{return(t||JSON.parse)(e),ye.trim(e)}catch(e){if("SyntaxError"!==e.name)throw e}return(r||JSON.stringify)(e)}(e)):e}],transformResponse:[function(e){var t=this.transitional||qe.transitional,r=t&&t.forcedJSONParsing,n="json"===this.responseType;if(ye.isResponse(e)||ye.isReadableStream(e))return e;if(e&&ye.isString(e)&&(r&&!this.responseType||n)){var o=!(t&&t.silentJSONParsing)&&n;try{return JSON.parse(e)}catch(e){if(o){if("SyntaxError"===e.name)throw me.from(e,me.ERR_BAD_RESPONSE,this,null,this.response);throw e}}}return e}],timeout:0,xsrfCookieName:"XSRF-TOKEN",xsrfHeaderName:"X-XSRF-TOKEN",maxContentLength:-1,maxBodyLength:-1,env:{FormData:De.classes.FormData,Blob:De.classes.Blob},validateStatus:function(e){return e>=200&&e<300},headers:{common:{Accept:"application/json, text/plain, */*","Content-Type":void 0}}};ye.forEach(["delete","get","head","post","put","patch"],(function(e){qe.headers[e]={}}));var Me=qe,ze=ye.toObjectSet(["age","authorization","content-length","content-type","etag","expires","from","host","if-modified-since","if-unmodified-since","last-modified","location","max-forwards","proxy-authorization","referer","retry-after","user-agent"]),He=Symbol("internals");function Je(e){return e&&String(e).trim().toLowerCase()}function We(e){return!1===e||null==e?e:ye.isArray(e)?e.map(We):String(e)}function Ge(e,t,r,n,o){return ye.isFunction(n)?n.call(this,t,r):(o&&(t=r),ye.isString(t)?ye.isString(n)?-1!==t.indexOf(n):ye.isRegExp(n)?n.test(t):void 0:void 0)}var Ke=function(e,t){function r(e){d(this,r),e&&this.set(e)}return y(r,[{key:"set",value:function(e,t,r){var n=this;function o(e,t,r){var o=Je(t);if(!o)throw new Error("header name must be a non-empty string");var i=ye.findKey(n,o);(!i||void 0===n[i]||!0===r||void 0===r&&!1!==n[i])&&(n[i||t]=We(e))}var i=function(e,t){return ye.forEach(e,(function(e,r){return o(e,r,t)}))};if(ye.isPlainObject(e)||e instanceof this.constructor)i(e,t);else if(ye.isString(e)&&(e=e.trim())&&!/^[-_a-zA-Z0-9^`|~,!#$%&'*+.]+$/.test(e.trim()))i(function(e){var t,r,n,o={};return e&&e.split("\n").forEach((function(e){n=e.indexOf(":"),t=e.substring(0,n).trim().toLowerCase(),r=e.substring(n+1).trim(),!t||o[t]&&ze[t]||("set-cookie"===t?o[t]?o[t].push(r):o[t]=[r]:o[t]=o[t]?o[t]+", "+r:r)})),o}(e),t);else if(ye.isHeaders(e)){var a,u=function(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=O(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0,o=function(){};return{s:o,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,u=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return a=e.done,e},e:function(e){u=!0,i=e},f:function(){try{a||null==r.return||r.return()}finally{if(u)throw i}}}}(e.entries());try{for(u.s();!(a=u.n()).done;){var s=b(a.value,2),c=s[0];o(s[1],c,r)}}catch(e){u.e(e)}finally{u.f()}}else null!=e&&o(t,e,r);return this}},{key:"get",value:function(e,t){if(e=Je(e)){var r=ye.findKey(this,e);if(r){var n=this[r];if(!t)return n;if(!0===t)return function(e){for(var t,r=Object.create(null),n=/([^\s,;=]+)\s*(?:=\s*([^,;]+))?/g;t=n.exec(e);)r[t[1]]=t[2];return r}(n);if(ye.isFunction(t))return t.call(this,n,r);if(ye.isRegExp(t))return t.exec(n);throw new TypeError("parser must be boolean|regexp|function")}}}},{key:"has",value:function(e,t){if(e=Je(e)){var r=ye.findKey(this,e);return!(!r||void 0===this[r]||t&&!Ge(0,this[r],r,t))}return!1}},{key:"delete",value:function(e,t){var r=this,n=!1;function o(e){if(e=Je(e)){var o=ye.findKey(r,e);!o||t&&!Ge(0,r[o],o,t)||(delete r[o],n=!0)}}return ye.isArray(e)?e.forEach(o):o(e),n}},{key:"clear",value:function(e){for(var t=Object.keys(this),r=t.length,n=!1;r--;){var o=t[r];e&&!Ge(0,this[o],o,e,!0)||(delete this[o],n=!0)}return n}},{key:"normalize",value:function(e){var t=this,r={};return ye.forEach(this,(function(n,o){var i=ye.findKey(r,o);if(i)return t[i]=We(n),void delete t[o];var a=e?function(e){return e.trim().toLowerCase().replace(/([a-z\d])(\w*)/g,(function(e,t,r){return t.toUpperCase()+r}))}(o):String(o).trim();a!==o&&delete t[o],t[a]=We(n),r[a]=!0})),this}},{key:"concat",value:function(){for(var e,t=arguments.length,r=new Array(t),n=0;n<t;n++)r[n]=arguments[n];return(e=this.constructor).concat.apply(e,[this].concat(r))}},{key:"toJSON",value:function(e){var t=Object.create(null);return ye.forEach(this,(function(r,n){null!=r&&!1!==r&&(t[n]=e&&ye.isArray(r)?r.join(", "):r)})),t}},{key:Symbol.iterator,value:function(){return Object.entries(this.toJSON())[Symbol.iterator]()}},{key:"toString",value:function(){return Object.entries(this.toJSON()).map((function(e){var t=b(e,2);return t[0]+": "+t[1]})).join("\n")}},{key:Symbol.toStringTag,get:function(){return"AxiosHeaders"}}],[{key:"from",value:function(e){return e instanceof this?e:new this(e)}},{key:"concat",value:function(e){for(var t=new this(e),r=arguments.length,n=new Array(r>1?r-1:0),o=1;o<r;o++)n[o-1]=arguments[o];return n.forEach((function(e){return t.set(e)})),t}},{key:"accessor",value:function(e){var t=(this[He]=this[He]={accessors:{}}).accessors,r=this.prototype;function n(e){var n=Je(e);t[n]||(!function(e,t){var r=ye.toCamelCase(" "+t);["get","set","has"].forEach((function(n){Object.defineProperty(e,n+r,{value:function(e,r,o){return this[n].call(this,t,e,r,o)},configurable:!0})}))}(r,e),t[n]=!0)}return ye.isArray(e)?e.forEach(n):n(e),this}}]),r}();Ke.accessor(["Content-Type","Content-Length","Accept","Accept-Encoding","User-Agent","Authorization"]),ye.reduceDescriptors(Ke.prototype,(function(e,t){var r=e.value,n=t[0].toUpperCase()+t.slice(1);return{get:function(){return r},set:function(e){this[n]=e}}})),ye.freezeMethods(Ke);var Ve=Ke;function Xe(e,t){var r=this||Me,n=t||r,o=Ve.from(n.headers),i=n.data;return ye.forEach(e,(function(e){i=e.call(r,i,o.normalize(),t?t.status:void 0)})),o.normalize(),i}function $e(e){return!(!e||!e.__CANCEL__)}function Ye(e,t,r){me.call(this,null==e?"canceled":e,me.ERR_CANCELED,t,r),this.name="CanceledError"}function Qe(e,t,r){var n=r.config.validateStatus;r.status&&n&&!n(r.status)?t(new me("Request failed with status code "+r.status,[me.ERR_BAD_REQUEST,me.ERR_BAD_RESPONSE][Math.floor(r.status/100)-4],r.config,r.request,r)):e(r)}function Ze(e,t){e=e||10;var r,n=new Array(e),o=new Array(e),i=0,a=0;return t=void 0!==t?t:1e3,function(u){var s=Date.now(),c=o[a];r||(r=s),n[i]=u,o[i]=s;for(var f=a,l=0;f!==i;)l+=n[f++],f%=e;if((i=(i+1)%e)===a&&(a=(a+1)%e),!(s-r<t)){var h=c&&s-c;return h?Math.round(1e3*l/h):void 0}}}function et(e,t){var r,n,o=0,i=1e3/t,a=function(t){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Date.now();o=i,r=null,n&&(clearTimeout(n),n=null),e.apply(null,t)};return[function(){for(var e=Date.now(),t=e-o,u=arguments.length,s=new Array(u),c=0;c<u;c++)s[c]=arguments[c];t>=i?a(s,e):(r=s,n||(n=setTimeout((function(){n=null,a(r)}),i-t)))},function(){return r&&a(r)}]}ye.inherits(Ye,me,{__CANCEL__:!0});var tt=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:3,n=0,o=Ze(50,250);return et((function(r){var i=r.loaded,a=r.lengthComputable?r.total:void 0,u=i-n,s=o(u);n=i;var c=m({loaded:i,total:a,progress:a?i/a:void 0,bytes:u,rate:s||void 0,estimated:s&&a&&i<=a?(a-i)/s:void 0,event:r,lengthComputable:null!=a},t?"download":"upload",!0);e(c)}),r)},rt=function(e,t){var r=null!=e;return[function(n){return t[0]({lengthComputable:r,total:e,loaded:n})},t[1]]},nt=function(e){return function(){for(var t=arguments.length,r=new Array(t),n=0;n<t;n++)r[n]=arguments[n];return ye.asap((function(){return e.apply(void 0,r)}))}},ot=De.hasStandardBrowserEnv?function(){var e,t=De.navigator&&/(msie|trident)/i.test(De.navigator.userAgent),r=document.createElement("a");function n(e){var n=e;return t&&(r.setAttribute("href",n),n=r.href),r.setAttribute("href",n),{href:r.href,protocol:r.protocol?r.protocol.replace(/:$/,""):"",host:r.host,search:r.search?r.search.replace(/^\?/,""):"",hash:r.hash?r.hash.replace(/^#/,""):"",hostname:r.hostname,port:r.port,pathname:"/"===r.pathname.charAt(0)?r.pathname:"/"+r.pathname}}return e=n(window.location.href),function(t){var r=ye.isString(t)?n(t):t;return r.protocol===e.protocol&&r.host===e.host}}():function(){return!0},it=De.hasStandardBrowserEnv?{write:function(e,t,r,n,o,i){var a=[e+"="+encodeURIComponent(t)];ye.isNumber(r)&&a.push("expires="+new Date(r).toGMTString()),ye.isString(n)&&a.push("path="+n),ye.isString(o)&&a.push("domain="+o),!0===i&&a.push("secure"),document.cookie=a.join("; ")},read:function(e){var t=document.cookie.match(new RegExp("(^|;\\s*)("+e+")=([^;]*)"));return t?decodeURIComponent(t[3]):null},remove:function(e){this.write(e,"",Date.now()-864e5)}}:{write:function(){},read:function(){return null},remove:function(){}};function at(e,t){return e&&!/^([a-z][a-z\d+\-.]*:)?\/\//i.test(t)?function(e,t){return t?e.replace(/\/?\/$/,"")+"/"+t.replace(/^\/+/,""):e}(e,t):t}var ut=function(e){return e instanceof Ve?u({},e):e};function st(e,t){t=t||{};var r={};function n(e,t,r){return ye.isPlainObject(e)&&ye.isPlainObject(t)?ye.merge.call({caseless:r},e,t):ye.isPlainObject(t)?ye.merge({},t):ye.isArray(t)?t.slice():t}function o(e,t,r){return ye.isUndefined(t)?ye.isUndefined(e)?void 0:n(void 0,e,r):n(e,t,r)}function i(e,t){if(!ye.isUndefined(t))return n(void 0,t)}function a(e,t){return ye.isUndefined(t)?ye.isUndefined(e)?void 0:n(void 0,e):n(void 0,t)}function u(r,o,i){return i in t?n(r,o):i in e?n(void 0,r):void 0}var s={url:i,method:i,data:i,baseURL:a,transformRequest:a,transformResponse:a,paramsSerializer:a,timeout:a,timeoutMessage:a,withCredentials:a,withXSRFToken:a,adapter:a,responseType:a,xsrfCookieName:a,xsrfHeaderName:a,onUploadProgress:a,onDownloadProgress:a,decompress:a,maxContentLength:a,maxBodyLength:a,beforeRedirect:a,transport:a,httpAgent:a,httpsAgent:a,cancelToken:a,socketPath:a,responseEncoding:a,validateStatus:u,headers:function(e,t){return o(ut(e),ut(t),!0)}};return ye.forEach(Object.keys(Object.assign({},e,t)),(function(n){var i=s[n]||o,a=i(e[n],t[n],n);ye.isUndefined(a)&&i!==u||(r[n]=a)})),r}var ct,ft,lt=function(e){var t,r,n=st({},e),o=n.data,i=n.withXSRFToken,a=n.xsrfHeaderName,u=n.xsrfCookieName,s=n.headers,c=n.auth;if(n.headers=s=Ve.from(s),n.url=je(at(n.baseURL,n.url),e.params,e.paramsSerializer),c&&s.set("Authorization","Basic "+btoa((c.username||"")+":"+(c.password?unescape(encodeURIComponent(c.password)):""))),ye.isFormData(o))if(De.hasStandardBrowserEnv||De.hasStandardBrowserWebWorkerEnv)s.setContentType(void 0);else if(!1!==(t=s.getContentType())){var f=t?t.split(";").map((function(e){return e.trim()})).filter(Boolean):[],l=w(r=f)||E(r)||O(r)||x(),h=l[0],p=l.slice(1);s.setContentType([h||"multipart/form-data"].concat(g(p)).join("; "))}if(De.hasStandardBrowserEnv&&(i&&ye.isFunction(i)&&(i=i(n)),i||!1!==i&&ot(n.url))){var d=a&&u&&it.read(u);d&&s.set(a,d)}return n},ht="undefined"!=typeof XMLHttpRequest&&function(e){return new Promise((function(t,r){var n,o,i,a,u,s=lt(e),c=s.data,f=Ve.from(s.headers).normalize(),l=s.responseType,h=s.onUploadProgress,p=s.onDownloadProgress;function d(){a&&a(),u&&u(),s.cancelToken&&s.cancelToken.unsubscribe(n),s.signal&&s.signal.removeEventListener("abort",n)}var v=new XMLHttpRequest;function y(){if(v){var n=Ve.from("getAllResponseHeaders"in v&&v.getAllResponseHeaders());Qe((function(e){t(e),d()}),(function(e){r(e),d()}),{data:l&&"text"!==l&&"json"!==l?v.response:v.responseText,status:v.status,statusText:v.statusText,headers:n,config:e,request:v}),v=null}}if(v.open(s.method.toUpperCase(),s.url,!0),v.timeout=s.timeout,"onloadend"in v?v.onloadend=y:v.onreadystatechange=function(){v&&4===v.readyState&&(0!==v.status||v.responseURL&&0===v.responseURL.indexOf("file:"))&&setTimeout(y)},v.onabort=function(){v&&(r(new me("Request aborted",me.ECONNABORTED,e,v)),v=null)},v.onerror=function(){r(new me("Network Error",me.ERR_NETWORK,e,v)),v=null},v.ontimeout=function(){var t=s.timeout?"timeout of "+s.timeout+"ms exceeded":"timeout exceeded",n=s.transitional||Le;s.timeoutErrorMessage&&(t=s.timeoutErrorMessage),r(new me(t,n.clarifyTimeoutError?me.ETIMEDOUT:me.ECONNABORTED,e,v)),v=null},void 0===c&&f.setContentType(null),"setRequestHeader"in v&&ye.forEach(f.toJSON(),(function(e,t){v.setRequestHeader(t,e)})),ye.isUndefined(s.withCredentials)||(v.withCredentials=!!s.withCredentials),l&&"json"!==l&&(v.responseType=s.responseType),p){var m=b(tt(p,!0),2);i=m[0],u=m[1],v.addEventListener("progress",i)}if(h&&v.upload){var g=b(tt(h),2);o=g[0],a=g[1],v.upload.addEventListener("progress",o),v.upload.addEventListener("loadend",a)}(s.cancelToken||s.signal)&&(n=function(t){v&&(r(!t||t.type?new Ye(null,e,v):t),v.abort(),v=null)},s.cancelToken&&s.cancelToken.subscribe(n),s.signal&&(s.signal.aborted?n():s.signal.addEventListener("abort",n)));var w,E,O=(w=s.url,(E=/^([-+\w]{1,25})(:?\/\/|:)/.exec(w))&&E[1]||"");O&&-1===De.protocols.indexOf(O)?r(new me("Unsupported protocol "+O+":",me.ERR_BAD_REQUEST,e)):v.send(c||null)}))},pt=function(e,t){var r=(e=e?e.filter(Boolean):[]).length;if(t||r){var n,o=new AbortController,i=function(e){if(!n){n=!0,u();var t=e instanceof Error?e:this.reason;o.abort(t instanceof me?t:new Ye(t instanceof Error?t.message:t))}},a=t&&setTimeout((function(){a=null,i(new me("timeout ".concat(t," of ms exceeded"),me.ETIMEDOUT))}),t),u=function(){e&&(a&&clearTimeout(a),a=null,e.forEach((function(e){e.unsubscribe?e.unsubscribe(i):e.removeEventListener("abort",i)})),e=null)};e.forEach((function(e){return e.addEventListener("abort",i)}));var s=o.signal;return s.unsubscribe=function(){return ye.asap(u)},s}},dt=s().mark((function e(t,r){var n,o,i;return s().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n=t.byteLength,r&&!(n<r)){e.next=5;break}return e.next=4,t;case 4:return e.abrupt("return");case 5:o=0;case 6:if(!(o<n)){e.next=13;break}return i=o+r,e.next=10,t.slice(o,i);case 10:o=i,e.next=6;break;case 13:case"end":return e.stop()}}),e)})),vt=function(){var e=l(s().mark((function e(t,o){var a,u,c,f,l,h;return s().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:a=!1,u=!1,e.prev=2,f=n(yt(t));case 4:return e.next=6,i(f.next());case 6:if(!(a=!(l=e.sent).done)){e.next=12;break}return h=l.value,e.delegateYield(r(n(dt(h,o))),"t0",9);case 9:a=!1,e.next=4;break;case 12:e.next=18;break;case 14:e.prev=14,e.t1=e.catch(2),u=!0,c=e.t1;case 18:if(e.prev=18,e.prev=19,!a||null==f.return){e.next=23;break}return e.next=23,i(f.return());case 23:if(e.prev=23,!u){e.next=26;break}throw c;case 26:return e.finish(23);case 27:return e.finish(18);case 28:case"end":return e.stop()}}),e,null,[[2,14,18,28],[19,,23,27]])})));return function(t,r){return e.apply(this,arguments)}}(),yt=function(){var e=l(s().mark((function e(t){var o,a,u,c;return s().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!t[Symbol.asyncIterator]){e.next=3;break}return e.delegateYield(r(n(t)),"t0",2);case 2:return e.abrupt("return");case 3:o=t.getReader(),e.prev=4;case 5:return e.next=7,i(o.read());case 7:if(a=e.sent,u=a.done,c=a.value,!u){e.next=12;break}return e.abrupt("break",16);case 12:return e.next=14,c;case 14:e.next=5;break;case 16:return e.prev=16,e.next=19,i(o.cancel());case 19:return e.finish(16);case 20:case"end":return e.stop()}}),e,null,[[4,,16,20]])})));return function(t){return e.apply(this,arguments)}}(),mt=function(e,t,r,n){var o,i=vt(e,t),a=0,u=function(e){o||(o=!0,n&&n(e))};return new ReadableStream({pull:function(e){return p(s().mark((function t(){var n,o,c,f,l;return s().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,t.next=3,i.next();case 3:if(n=t.sent,o=n.done,c=n.value,!o){t.next=10;break}return u(),e.close(),t.abrupt("return");case 10:f=c.byteLength,r&&(l=a+=f,r(l)),e.enqueue(new Uint8Array(c)),t.next=19;break;case 15:throw t.prev=15,t.t0=t.catch(0),u(t.t0),t.t0;case 19:case"end":return t.stop()}}),t,null,[[0,15]])})))()},cancel:function(e){return u(e),i.return()}},{highWaterMark:2})},bt="function"==typeof fetch&&"function"==typeof Request&&"function"==typeof Response,gt=bt&&"function"==typeof ReadableStream,wt=bt&&("function"==typeof TextEncoder?(ct=new TextEncoder,function(e){return ct.encode(e)}):function(){var e=p(s().mark((function e(t){return s().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.t0=Uint8Array,e.next=3,new Response(t).arrayBuffer();case 3:return e.t1=e.sent,e.abrupt("return",new e.t0(e.t1));case 5:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()),Et=function(e){try{for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];return!!e.apply(void 0,r)}catch(e){return!1}},Ot=gt&&Et((function(){var e=!1,t=new Request(De.origin,{body:new ReadableStream,method:"POST",get duplex(){return e=!0,"half"}}).headers.has("Content-Type");return e&&!t})),St=gt&&Et((function(){return ye.isReadableStream(new Response("").body)})),xt={stream:St&&function(e){return e.body}};bt&&(ft=new Response,["text","arrayBuffer","blob","formData","stream"].forEach((function(e){!xt[e]&&(xt[e]=ye.isFunction(ft[e])?function(t){return t[e]()}:function(t,r){throw new me("Response type '".concat(e,"' is not supported"),me.ERR_NOT_SUPPORT,r)})})));var Rt=function(){var e=p(s().mark((function e(t){var r;return s().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(null!=t){e.next=2;break}return e.abrupt("return",0);case 2:if(!ye.isBlob(t)){e.next=4;break}return e.abrupt("return",t.size);case 4:if(!ye.isSpecCompliantForm(t)){e.next=9;break}return r=new Request(De.origin,{method:"POST",body:t}),e.next=8,r.arrayBuffer();case 8:case 15:return e.abrupt("return",e.sent.byteLength);case 9:if(!ye.isArrayBufferView(t)&&!ye.isArrayBuffer(t)){e.next=11;break}return e.abrupt("return",t.byteLength);case 11:if(ye.isURLSearchParams(t)&&(t+=""),!ye.isString(t)){e.next=16;break}return e.next=15,wt(t);case 16:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),Tt=function(){var e=p(s().mark((function e(t,r){var n;return s().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n=ye.toFiniteNumber(t.getContentLength()),e.abrupt("return",null==n?Rt(r):n);case 2:case"end":return e.stop()}}),e)})));return function(t,r){return e.apply(this,arguments)}}(),kt=bt&&function(){var e=p(s().mark((function e(t){var r,n,o,i,a,c,f,l,h,p,d,v,y,m,g,w,E,O,S,x,R,T,k,A,j,P,L,N,_,C,F,U,B,D;return s().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(r=lt(t),n=r.url,o=r.method,i=r.data,a=r.signal,c=r.cancelToken,f=r.timeout,l=r.onDownloadProgress,h=r.onUploadProgress,p=r.responseType,d=r.headers,v=r.withCredentials,y=void 0===v?"same-origin":v,m=r.fetchOptions,p=p?(p+"").toLowerCase():"text",g=pt([a,c&&c.toAbortSignal()],f),E=g&&g.unsubscribe&&function(){g.unsubscribe()},e.prev=4,e.t0=h&&Ot&&"get"!==o&&"head"!==o,!e.t0){e.next=11;break}return e.next=9,Tt(d,i);case 9:e.t1=O=e.sent,e.t0=0!==e.t1;case 11:if(!e.t0){e.next=15;break}S=new Request(n,{method:"POST",body:i,duplex:"half"}),ye.isFormData(i)&&(x=S.headers.get("content-type"))&&d.setContentType(x),S.body&&(R=rt(O,tt(nt(h))),T=b(R,2),k=T[0],A=T[1],i=mt(S.body,65536,k,A));case 15:return ye.isString(y)||(y=y?"include":"omit"),j="credentials"in Request.prototype,w=new Request(n,u(u({},m),{},{signal:g,method:o.toUpperCase(),headers:d.normalize().toJSON(),body:i,duplex:"half",credentials:j?y:void 0})),e.next=20,fetch(w);case 20:return P=e.sent,L=St&&("stream"===p||"response"===p),St&&(l||L&&E)&&(N={},["status","statusText","headers"].forEach((function(e){N[e]=P[e]})),_=ye.toFiniteNumber(P.headers.get("content-length")),C=l&&rt(_,tt(nt(l),!0))||[],F=b(C,2),U=F[0],B=F[1],P=new Response(mt(P.body,65536,U,(function(){B&&B(),E&&E()})),N)),p=p||"text",e.next=26,xt[ye.findKey(xt,p)||"text"](P,t);case 26:return D=e.sent,!L&&E&&E(),e.next=30,new Promise((function(e,r){Qe(e,r,{data:D,headers:Ve.from(P.headers),status:P.status,statusText:P.statusText,config:t,request:w})}));case 30:return e.abrupt("return",e.sent);case 33:if(e.prev=33,e.t2=e.catch(4),E&&E(),!e.t2||"TypeError"!==e.t2.name||!/fetch/i.test(e.t2.message)){e.next=38;break}throw Object.assign(new me("Network Error",me.ERR_NETWORK,t,w),{cause:e.t2.cause||e.t2});case 38:throw me.from(e.t2,e.t2&&e.t2.code,t,w);case 39:case"end":return e.stop()}}),e,null,[[4,33]])})));return function(t){return e.apply(this,arguments)}}(),At={http:null,xhr:ht,fetch:kt};ye.forEach(At,(function(e,t){if(e){try{Object.defineProperty(e,"name",{value:t})}catch(e){}Object.defineProperty(e,"adapterName",{value:t})}}));var jt=function(e){return"- ".concat(e)},Pt=function(e){return ye.isFunction(e)||null===e||!1===e},Lt=function(e){for(var t,r,n=(e=ye.isArray(e)?e:[e]).length,o={},i=0;i<n;i++){var a=void 0;if(r=t=e[i],!Pt(t)&&void 0===(r=At[(a=String(t)).toLowerCase()]))throw new me("Unknown adapter '".concat(a,"'"));if(r)break;o[a||"#"+i]=r}if(!r){var u=Object.entries(o).map((function(e){var t=b(e,2),r=t[0],n=t[1];return"adapter ".concat(r," ")+(!1===n?"is not supported by the environment":"is not available in the build")}));throw new me("There is no suitable adapter to dispatch the request "+(n?u.length>1?"since :\n"+u.map(jt).join("\n"):" "+jt(u[0]):"as no adapter specified"),"ERR_NOT_SUPPORT")}return r};function Nt(e){if(e.cancelToken&&e.cancelToken.throwIfRequested(),e.signal&&e.signal.aborted)throw new Ye(null,e)}function _t(e){return Nt(e),e.headers=Ve.from(e.headers),e.data=Xe.call(e,e.transformRequest),-1!==["post","put","patch"].indexOf(e.method)&&e.headers.setContentType("application/x-www-form-urlencoded",!1),Lt(e.adapter||Me.adapter)(e).then((function(t){return Nt(e),t.data=Xe.call(e,e.transformResponse,t),t.headers=Ve.from(t.headers),t}),(function(t){return $e(t)||(Nt(e),t&&t.response&&(t.response.data=Xe.call(e,e.transformResponse,t.response),t.response.headers=Ve.from(t.response.headers))),Promise.reject(t)}))}var Ct="1.7.7",Ft={};["object","boolean","number","function","string","symbol"].forEach((function(e,t){Ft[e]=function(r){return f(r)===e||"a"+(t<1?"n ":" ")+e}}));var Ut={};Ft.transitional=function(e,t,r){function n(e,t){return"[Axios v1.7.7] Transitional option '"+e+"'"+t+(r?". "+r:"")}return function(r,o,i){if(!1===e)throw new me(n(o," has been removed"+(t?" in "+t:"")),me.ERR_DEPRECATED);return t&&!Ut[o]&&(Ut[o]=!0,console.warn(n(o," has been deprecated since v"+t+" and will be removed in the near future"))),!e||e(r,o,i)}};var Bt={assertOptions:function(e,t,r){if("object"!==f(e))throw new me("options must be an object",me.ERR_BAD_OPTION_VALUE);for(var n=Object.keys(e),o=n.length;o-- >0;){var i=n[o],a=t[i];if(a){var u=e[i],s=void 0===u||a(u,i,e);if(!0!==s)throw new me("option "+i+" must be "+s,me.ERR_BAD_OPTION_VALUE)}else if(!0!==r)throw new me("Unknown option "+i,me.ERR_BAD_OPTION)}},validators:Ft},Dt=Bt.validators,It=function(){function e(t){d(this,e),this.defaults=t,this.interceptors={request:new Pe,response:new Pe}}var t;return y(e,[{key:"request",value:(t=p(s().mark((function e(t,r){var n,o;return s().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,this._request(t,r);case 3:return e.abrupt("return",e.sent);case 6:if(e.prev=6,e.t0=e.catch(0),e.t0 instanceof Error){Error.captureStackTrace?Error.captureStackTrace(n={}):n=new Error,o=n.stack?n.stack.replace(/^.+\n/,""):"";try{e.t0.stack?o&&!String(e.t0.stack).endsWith(o.replace(/^.+\n.+\n/,""))&&(e.t0.stack+="\n"+o):e.t0.stack=o}catch(e){}}throw e.t0;case 10:case"end":return e.stop()}}),e,this,[[0,6]])}))),function(e,r){return t.apply(this,arguments)})},{key:"_request",value:function(e,t){"string"==typeof e?(t=t||{}).url=e:t=e||{};var r=t=st(this.defaults,t),n=r.transitional,o=r.paramsSerializer,i=r.headers;void 0!==n&&Bt.assertOptions(n,{silentJSONParsing:Dt.transitional(Dt.boolean),forcedJSONParsing:Dt.transitional(Dt.boolean),clarifyTimeoutError:Dt.transitional(Dt.boolean)},!1),null!=o&&(ye.isFunction(o)?t.paramsSerializer={serialize:o}:Bt.assertOptions(o,{encode:Dt.function,serialize:Dt.function},!0)),t.method=(t.method||this.defaults.method||"get").toLowerCase();var a=i&&ye.merge(i.common,i[t.method]);i&&ye.forEach(["delete","get","head","post","put","patch","common"],(function(e){delete i[e]})),t.headers=Ve.concat(a,i);var u=[],s=!0;this.interceptors.request.forEach((function(e){"function"==typeof e.runWhen&&!1===e.runWhen(t)||(s=s&&e.synchronous,u.unshift(e.fulfilled,e.rejected))}));var c,f=[];this.interceptors.response.forEach((function(e){f.push(e.fulfilled,e.rejected)}));var l,h=0;if(!s){var p=[_t.bind(this),void 0];for(p.unshift.apply(p,u),p.push.apply(p,f),l=p.length,c=Promise.resolve(t);h<l;)c=c.then(p[h++],p[h++]);return c}l=u.length;var d=t;for(h=0;h<l;){var v=u[h++],y=u[h++];try{d=v(d)}catch(e){y.call(this,e);break}}try{c=_t.call(this,d)}catch(e){return Promise.reject(e)}for(h=0,l=f.length;h<l;)c=c.then(f[h++],f[h++]);return c}},{key:"getUri",value:function(e){return je(at((e=st(this.defaults,e)).baseURL,e.url),e.params,e.paramsSerializer)}}]),e}();ye.forEach(["delete","get","head","options"],(function(e){It.prototype[e]=function(t,r){return this.request(st(r||{},{method:e,url:t,data:(r||{}).data}))}})),ye.forEach(["post","put","patch"],(function(e){function t(t){return function(r,n,o){return this.request(st(o||{},{method:e,headers:t?{"Content-Type":"multipart/form-data"}:{},url:r,data:n}))}}It.prototype[e]=t(),It.prototype[e+"Form"]=t(!0)}));var qt=It,Mt=function(){function e(t){if(d(this,e),"function"!=typeof t)throw new TypeError("executor must be a function.");var r;this.promise=new Promise((function(e){r=e}));var n=this;this.promise.then((function(e){if(n._listeners){for(var t=n._listeners.length;t-- >0;)n._listeners[t](e);n._listeners=null}})),this.promise.then=function(e){var t,r=new Promise((function(e){n.subscribe(e),t=e})).then(e);return r.cancel=function(){n.unsubscribe(t)},r},t((function(e,t,o){n.reason||(n.reason=new Ye(e,t,o),r(n.reason))}))}return y(e,[{key:"throwIfRequested",value:function(){if(this.reason)throw this.reason}},{key:"subscribe",value:function(e){this.reason?e(this.reason):this._listeners?this._listeners.push(e):this._listeners=[e]}},{key:"unsubscribe",value:function(e){if(this._listeners){var t=this._listeners.indexOf(e);-1!==t&&this._listeners.splice(t,1)}}},{key:"toAbortSignal",value:function(){var e=this,t=new AbortController,r=function(e){t.abort(e)};return this.subscribe(r),t.signal.unsubscribe=function(){return e.unsubscribe(r)},t.signal}}],[{key:"source",value:function(){var t;return{token:new e((function(e){t=e})),cancel:t}}}]),e}(),zt=Mt;var Ht={Continue:100,SwitchingProtocols:101,Processing:102,EarlyHints:103,Ok:200,Created:201,Accepted:202,NonAuthoritativeInformation:203,NoContent:204,ResetContent:205,PartialContent:206,MultiStatus:207,AlreadyReported:208,ImUsed:226,MultipleChoices:300,MovedPermanently:301,Found:302,SeeOther:303,NotModified:304,UseProxy:305,Unused:306,TemporaryRedirect:307,PermanentRedirect:308,BadRequest:400,Unauthorized:401,PaymentRequired:402,Forbidden:403,NotFound:404,MethodNotAllowed:405,NotAcceptable:406,ProxyAuthenticationRequired:407,RequestTimeout:408,Conflict:409,Gone:410,LengthRequired:411,PreconditionFailed:412,PayloadTooLarge:413,UriTooLong:414,UnsupportedMediaType:415,RangeNotSatisfiable:416,ExpectationFailed:417,ImATeapot:418,MisdirectedRequest:421,UnprocessableEntity:422,Locked:423,FailedDependency:424,TooEarly:425,UpgradeRequired:426,PreconditionRequired:428,TooManyRequests:429,RequestHeaderFieldsTooLarge:431,UnavailableForLegalReasons:451,InternalServerError:500,NotImplemented:501,BadGateway:502,ServiceUnavailable:503,GatewayTimeout:504,HttpVersionNotSupported:505,VariantAlsoNegotiates:506,InsufficientStorage:507,LoopDetected:508,NotExtended:510,NetworkAuthenticationRequired:511};Object.entries(Ht).forEach((function(e){var t=b(e,2),r=t[0],n=t[1];Ht[n]=r}));var Jt=Ht;var Wt=function e(t){var r=new qt(t),n=R(qt.prototype.request,r);return ye.extend(n,qt.prototype,r,{allOwnKeys:!0}),ye.extend(n,r,null,{allOwnKeys:!0}),n.create=function(r){return e(st(t,r))},n}(Me);return Wt.Axios=qt,Wt.CanceledError=Ye,Wt.CancelToken=zt,Wt.isCancel=$e,Wt.VERSION=Ct,Wt.toFormData=xe,Wt.AxiosError=me,Wt.Cancel=Wt.CanceledError,Wt.all=function(e){return Promise.all(e)},Wt.spread=function(e){return function(t){return e.apply(null,t)}},Wt.isAxiosError=function(e){return ye.isObject(e)&&!0===e.isAxiosError},Wt.mergeConfig=st,Wt.AxiosHeaders=Ve,Wt.formToJSON=function(e){return Ie(ye.isHTMLForm(e)?new FormData(e):e)},Wt.getAdapter=Lt,Wt.HttpStatusCode=Jt,Wt.default=Wt,Wt}));
+//# sourceMappingURL=axios.min.js.map

+import request from './axios.js'
+
+const API = {
+  URL: '3d_component/'
+}
+
+export function saveOrUpdateThreeJsModel(params = {}) {
+  return request({
+    url: API['URL'] + params['id'],
+    method: 'POST',
+    data: params['data']
+  })
+}
+
+export function getThreeJsModel(id) {
+  return request({
+    url: API['URL'] + id,
+    method: 'get',
+  })
+}
+

+import axios from 'axios'
+import { BASE_URL } from './config.js'
+import { getJwtToken } from '@/utils/external/auth'
+
+const service = axios.create({
+  baseURL: BASE_URL,
+  timeout: 5000
+})
+
+service.interceptors.request.use(
+  config => {
+    const token = getJwtToken()
+    if (token) {
+      config.headers['x-authorization'] = `Bearer ${token}`
+    }
+    return config
+  },
+  error => {
+    return Promise.reject(error)
+  }
+)
+
+service.interceptors.response.use(
+  response => {
+    const { status, data } = response
+    if (status === 200) {
+      const { code } = data
+      switch (code) {
+        case 1003:
+          return Promise.reject(data)
+        default:
+          return data
+      }
+    }
+  },
+  error => {
+    if (error.response) {
+      const { status, data } = error.response
+      if (status === 2001) {
+      }
+    }
+    return Promise.reject(error)
+  }
+)
+
+export default service

+let threeFilePath = ''
+
+const VITE_GLOB_PROXY = import.meta.env.VITE_GLOB_PROXY
+
+const VITE_GLOB_API_URL_PREFIX = import.meta.env.VITE_GLOB_API_URL_PREFIX
+
+try {
+  const getViteGlobProxy= Array.isArray(JSON.parse(VITE_GLOB_PROXY)) ? JSON.parse(VITE_GLOB_PROXY)[0][1] : VITE_GLOB_PROXY
+  threeFilePath = getViteGlobProxy
+} catch {
+  // 生产环境是字符串，json parse 报错，直接等于字符串即可
+  threeFilePath = getViteGlobProxy
+}
+
+export const BASE_URL = `${threeFilePath}${VITE_GLOB_API_URL_PREFIX}`

-import * as THREE from 'three';
+import * as THREE from 'three'
 
 
-import { Editor } from './js/Editor.js';
-import { Viewport } from './js/Viewport.js';
-import { Toolbar } from './js/Toolbar.js';
-import { Script } from './js/Script.js';
-import { Player } from './js/Player.js';
-import { Sidebar } from './js/Sidebar.js';
-import { Menubar } from './js/Menubar.js';
-import { Resizer } from './js/Resizer.js';
+import { Editor } from './js/Editor.js'
+import { Viewport } from './js/Viewport.js'
+import { Toolbar } from './js/Toolbar.js'
+import { Script } from './js/Script.js'
+import { Player } from './js/Player.js'
+import { Sidebar } from './js/Sidebar.js'
+import { Menubar } from './js/Menubar.js'
+import { Resizer } from './js/Resizer.js'
+import { getThreeJsModel } from './js/libs/http/api.js'
 
 
-window.URL = window.URL || window.webkitURL;
-window.BlobBuilder = window.BlobBuilder || window.WebKitBlobBuilder || window.MozBlobBuilder;
+window.URL = window.URL || window.webkitURL
+window.BlobBuilder = window.BlobBuilder || window.WebKitBlobBuilder || window.MozBlobBuilder
 
 
 //
 //
 
 
-const editor = new Editor();
+const editor = new Editor()
 
 
-window.editor = editor; // Expose editor to Console
-window.THREE = THREE; // Expose THREE to APP Scripts and Console
+window.editor = editor // Expose editor to Console
+window.THREE = THREE // Expose THREE to APP Scripts and Console
 
 
-const viewport = new Viewport(editor);
-document.body.appendChild(viewport.dom);
+const viewport = new Viewport(editor)
+document.body.appendChild(viewport.dom)
 
 
-const toolbar = new Toolbar(editor);
-document.body.appendChild(toolbar.dom);
+const toolbar = new Toolbar(editor)
+document.body.appendChild(toolbar.dom)
 
 
-const script = new Script(editor);
-document.body.appendChild(script.dom);
+const script = new Script(editor)
+document.body.appendChild(script.dom)
 
 
-const player = new Player(editor);
-document.body.appendChild(player.dom);
+const player = new Player(editor)
+document.body.appendChild(player.dom)
 
 
-const sidebar = new Sidebar(editor);
-document.body.appendChild(sidebar.dom);
+const sidebar = new Sidebar(editor)
+document.body.appendChild(sidebar.dom)
 
 
-const menubar = new Menubar(editor);
-document.body.appendChild(menubar.dom);
+const menubar = new Menubar(editor)
+document.body.appendChild(menubar.dom)
 
 
-const resizer = new Resizer(editor);
-document.body.appendChild(resizer.dom);
+const resizer = new Resizer(editor)
+document.body.appendChild(resizer.dom)
 
 
 //
 //
 
 
-editor.storage.init(function () {
+/**
+ * THINGS_KIT 修改
+ */
+
+editor.storage.init(async function () {
+  const paramsStr = window.location.search
+  const params = new URLSearchParams(paramsStr)
+  const file_uuid = params.get('three_file_uuid')
+  const fileData = await getThreeJsModel(file_uuid)
+  if (!fileData) return
+  if (!fileData['content']) return
+  await editor.fromJSON(fileData['content'])
+  const selected = editor.config.getKey('selected')
+  if (selected !== undefined) {
+    editor.selectByUuid(selected)
+  }
+  let timeout
+  function saveState() {
+    if (editor.config.getKey('autosave') === false) {
+      return
+    }
+    clearTimeout(timeout)
+    timeout = setTimeout(function () {
+      editor.signals.savingStarted.dispatch()
 
 
-  editor.storage.get(async function (state) {
+      timeout = setTimeout(function () {
+        editor.storage.set(editor.toJSON())
 
 
-    if (isLoadingFromHash) return;
+        editor.signals.savingFinished.dispatch()
+      }, 100)
+    }, 1000)
+  }
+  const signals = editor.signals
+  signals.geometryChanged.add(saveState)
+  signals.objectAdded.add(saveState)
+  signals.objectChanged.add(saveState)
+  signals.objectRemoved.add(saveState)
+  signals.materialChanged.add(saveState)
+  signals.sceneBackgroundChanged.add(saveState)
+  signals.sceneEnvironmentChanged.add(saveState)
+  signals.sceneFogChanged.add(saveState)
+  signals.sceneGraphChanged.add(saveState)
+  signals.scriptChanged.add(saveState)
+  signals.historyChanged.add(saveState)
+})
+//
 
 
-    if (state !== undefined) {
+// editor.storage.init( function () {
 
 
-      await editor.fromJSON(state);
+//   editor.storage.get( async function ( state ) {
 
 
-    }
+//     if ( isLoadingFromHash ) return;
 
 
-    const selected = editor.config.getKey('selected');
+//     if ( state !== undefined ) {
 
 
-    if (selected !== undefined) {
+//       await editor.fromJSON( state );
 
 
-      editor.selectByUuid(selected);
+//     }
 
 
-    }
+//     const selected = editor.config.getKey( 'selected' );
 
 
-  });
+//     if ( selected !== undefined ) {
 
 
-  //
+//       editor.selectByUuid( selected );
 
 
-  let timeout;
+//     }
 
 
-  function saveState() {
+//   } );
 
 
-    if (editor.config.getKey('autosave') === false) {
+//   //
 
 
-      return;
+//   let timeout;
 
 
-    }
+//   function saveState() {
 
 
-    clearTimeout(timeout);
+//     if ( editor.config.getKey( 'autosave' ) === false ) {
 
 
-    timeout = setTimeout(function () {
+//       return;
 
 
-      editor.signals.savingStarted.dispatch();
+//     }
 
 
-      timeout = setTimeout(function () {
+//     clearTimeout( timeout );
 
 
-        editor.storage.set(editor.toJSON());
+//     timeout = setTimeout( function () {
 
 
-        editor.signals.savingFinished.dispatch();
+//       editor.signals.savingStarted.dispatch();
 
 
-      }, 100);
+//       timeout = setTimeout( function () {
 
 
-    }, 1000);
+//         editor.storage.set( editor.toJSON() );
 
 
-  }
+//         editor.signals.savingFinished.dispatch();
 
 
-  const signals = editor.signals;
+//       }, 100 );
 
 
-  signals.geometryChanged.add(saveState);
-  signals.objectAdded.add(saveState);
-  signals.objectChanged.add(saveState);
-  signals.objectRemoved.add(saveState);
-  signals.materialChanged.add(saveState);
-  signals.sceneBackgroundChanged.add(saveState);
-  signals.sceneEnvironmentChanged.add(saveState);
-  signals.sceneFogChanged.add(saveState);
-  signals.sceneGraphChanged.add(saveState);
-  signals.scriptChanged.add(saveState);
-  signals.historyChanged.add(saveState);
+//     }, 1000 );
 
 
-});
+//   }
 
 
-//
+//   const signals = editor.signals;
 
 
-document.addEventListener('dragover', function (event) {
+//   signals.geometryChanged.add( saveState );
+//   signals.objectAdded.add( saveState );
+//   signals.objectChanged.add( saveState );
+//   signals.objectRemoved.add( saveState );
+//   signals.materialChanged.add( saveState );
+//   signals.sceneBackgroundChanged.add( saveState );
+//   signals.sceneEnvironmentChanged.add( saveState );
+//   signals.sceneFogChanged.add( saveState );
+//   signals.sceneGraphChanged.add( saveState );
+//   signals.scriptChanged.add( saveState );
+//   signals.historyChanged.add( saveState );
 
 
-  event.preventDefault();
-  event.dataTransfer.dropEffect = 'copy';
+// } );
 
 
-});
+//
 
 
-document.addEventListener('drop', function (event) {
+document.addEventListener('dragover', function (event) {
+  event.preventDefault()
+  event.dataTransfer.dropEffect = 'copy'
+})
 
 
-  event.preventDefault();
+document.addEventListener('drop', function (event) {
+  event.preventDefault()
 
 
-  if (event.dataTransfer.types[0] === 'text/plain') return; // Outliner drop
+  if (event.dataTransfer.types[0] === 'text/plain') return // Outliner drop
 
 
   if (event.dataTransfer.items) {
   if (event.dataTransfer.items) {
-
     // DataTransferItemList supports folders
     // DataTransferItemList supports folders
 
 
-    editor.loader.loadItemList(event.dataTransfer.items);
-
+    editor.loader.loadItemList(event.dataTransfer.items)
   } else {
   } else {
-
-    editor.loader.loadFiles(event.dataTransfer.files);
-
+    editor.loader.loadFiles(event.dataTransfer.files)
   }
   }
-
-});
+})
 
 
 function onWindowResize() {
 function onWindowResize() {
-
-  editor.signals.windowResize.dispatch();
-
+  editor.signals.windowResize.dispatch()
 }
 }
 
 
-window.addEventListener('resize', onWindowResize);
+window.addEventListener('resize', onWindowResize)
 
 
-onWindowResize();
+onWindowResize()
 
 
 //
 //
 
 
-let isLoadingFromHash = false;
-const hash = window.location.hash;
+let isLoadingFromHash = false
+const hash = window.location.hash
 
 
 if (hash.slice(1, 6) === 'file=') {
 if (hash.slice(1, 6) === 'file=') {
-
-  const file = hash.slice(6);
+  const file = hash.slice(6)
 
 
   if (confirm(editor.strings.getKey('prompt/file/open'))) {
   if (confirm(editor.strings.getKey('prompt/file/open'))) {
-
-    const loader = new THREE.FileLoader();
-    loader.crossOrigin = '';
+    const loader = new THREE.FileLoader()
+    loader.crossOrigin = ''
     loader.load(file, function (text) {
     loader.load(file, function (text) {
+      editor.clear()
+      editor.fromJSON(JSON.parse(text))
+    })
 
 
-      editor.clear();
-      editor.fromJSON(JSON.parse(text));
-
-    });
-
-    isLoadingFromHash = true;
-
+    isLoadingFromHash = true
   }
   }
-
 }
 }
 
 
 // ServiceWorker
 // ServiceWorker
 
 
 if ('serviceWorker' in navigator) {
 if ('serviceWorker' in navigator) {
-
   try {
   try {
-
-    // navigator.serviceWorker.register(new URL('./sw.js', import.meta.url));
-
-  } catch (error) {
-
-  }
-
+    navigator.serviceWorker.register('sw.js')
+  } catch (error) {}
 }
 }

 import { defHttp } from '@/utils/external/http/axios'
 import { defHttp } from '@/utils/external/http/axios'
-import { BaseSaveContentParams, BaseUpdateContentParams, DataViewListRecord, DateViewConfigurationInfoType } from './model/contentModel'
+import {
+  BaseSaveContentParams,
+  BaseUpdateContentParams,
+  DataViewListRecord,
+  DateViewConfigurationInfoType
+} from './model/contentModel'
 import type { ErrorMessageMode, PaginationResult } from '/#/external/axios'
 import type { ErrorMessageMode, PaginationResult } from '/#/external/axios'
+import { ChartType } from '@/views/three/items'
 
 
 enum Api {
 enum Api {
   //大屏设计器
   //大屏设计器
   DATA_VIEW_CONTENT = '/data_view/content',
   DATA_VIEW_CONTENT = '/data_view/content',
   //大屏内容
   //大屏内容
   DATA_VIEW = '/data_view',
   DATA_VIEW = '/data_view',
-  FILE_UPLOAD = '/oss/upload'
+  FILE_UPLOAD = '/oss/upload',
+  // 针对3D模型
+  THREE_JS_MODEL = '/3d_component'
 }
 }
 
 
 /**
 /**
@@ -91,9 +99,73 @@ export const saveDataViewList = (data: object) => {
  */
  */
 export const uploadFile = async (file: FormData, mode: ErrorMessageMode = 'modal') => {
 export const uploadFile = async (file: FormData, mode: ErrorMessageMode = 'modal') => {
   return defHttp.post(
   return defHttp.post(
-    { url: Api.FILE_UPLOAD, params: file},
+    { url: Api.FILE_UPLOAD, params: file },
     {
     {
       errorMessageMode: mode
       errorMessageMode: mode
     }
     }
   )
   )
 }
 }
+
+/**
+ * @description: 3D模型编辑 delete api
+ */
+export function threeJsDeleteApi(ids: string[], mode: ErrorMessageMode = 'modal') {
+  return defHttp.delete(
+    {
+      url: Api.THREE_JS_MODEL +'?ids=' + ids,
+    },
+    {
+      errorMessageMode: mode
+    }
+  )
+}
+
+/**
+ * @description: 3D模型编辑 分页 api
+ */
+export const getThreeJsModelList = (params: object) => {
+  return defHttp.get<PaginationResult<ChartType>>({
+    url: Api.THREE_JS_MODEL + '/page',
+    params
+  })
+}
+
+/**
+ * @description: 3D模型 发布 api
+ */
+export const putThreeJsModelRelease = (params: { id: string | number; state: number }) => {
+  return defHttp.put({
+    url: Api.THREE_JS_MODEL + '/publish' + '/' + params['id'] + '/' + params['state'],
+    params
+  })
+}
+
+/**
+ * @description: 3D模型 更新 api
+ */
+export const updateThreeJsModel = (params: { id: string; name: string }) => {
+  return defHttp.put({
+    url: Api.THREE_JS_MODEL +'/' + params['id'] + '/' + params['name'],
+    params
+  })
+}
+
+/**
+ * @description: 3D模型 保存 api
+ */
+export function saveOrUpdateThreeJsModel(params: Recordable) {
+  return defHttp.post({
+    url: Api.THREE_JS_MODEL +'/' + params['id'],
+    data: params['data']
+  })
+}
+
+/**
+ * @description: 3D模型 获取 api
+ */
+export function getThreeJsModel(id: string) {
+  return defHttp.get({
+    url: Api.THREE_JS_MODEL +'/' + id,
+  })
+}
+

+<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" class="icon" viewBox="0 0 1024 1024"><path fill="#82c9f5" d="M400.01 789.13a274.123 274.123 0 1 0-167.497-216.99A274.123 274.123 0 0 0 400.01 789.13zm0 0"/><path fill="#0D51A2" d="M590.344 480.63h-4.714L146.773 355.312a15.197 15.197 0 0 1-10.971-12.516 14.872 14.872 0 0 1 6.258-15.685l282.25-203.58a23.324 23.324 0 0 1 14.14-3.17l438.858 125.318a15.197 15.197 0 0 1 10.971 12.515 14.872 14.872 0 0 1-6.257 15.685L599.69 477.542a22.268 22.268 0 0 1-9.427 3.17zm-402.61-147.424 400.985 114.59L837.81 267.623 436.825 153.275zm79.075 341.334 46.974-33.971 18.367 25.844-46.974 33.97zm97.524-31.452-18.774-25.03 78.344-56.402a21.049 21.049 0 0 1 14.141-3.17l94.03 26.657-8.127 29.745-86.146-25.031zm190.334-17.31 8.614-30.151 78.344 22.024-8.614 30.15zm110.039 31.532 8.615-30.15 63.228 18.041-8.615 30.151zm0 0"/><path fill="#0D51A2" d="M590.344 919.324h-4.714L146.773 794.006a15.197 15.197 0 0 1-10.971-12.515 14.872 14.872 0 0 1 6.258-15.685l94.029-67.373 19.017 24.869-67.373 48.761L588.8 886.41l249.01-180.175-78.343-21.943 8.127-29.745 109.633 31.37a15.197 15.197 0 0 1 10.971 12.516 14.872 14.872 0 0 1-6.258 15.685L599.934 917.78c-3.17 0-6.258 1.544-9.427 1.544zm0 0"/><path fill="#0D51A2" d="M136.046 339.708h31.37v438.857h-31.37zm438.857 125.318h31.37v438.857h-31.614zM417.97 480.63h31.37v94.029h-31.37zm0-109.633h31.37v78.344h-31.37zm0-94.03h31.37v62.74h-31.37zm0-141.003h31.37V245.68h-31.37zm438.857 125.319h31.37V700.14h-31.37zm0 0"/><path fill="#82c9f5" d="M637.318 903.64a46.974 46.974 0 1 1-46.974-46.975 46.161 46.161 0 0 1 46.974 46.974zm0 0"/><path fill="#0D51A2" d="M590.344 966.298a62.659 62.659 0 1 1 62.66-62.659 62.822 62.822 0 0 1-62.66 62.66zm0-94.029a31.289 31.289 0 1 0 31.37 31.37 31.451 31.451 0 0 0-31.37-31.37zm0 0"/><path fill="#82c9f5" d="M919.324 699.977a46.974 46.974 0 1 1-46.974-46.974 46.161 46.161 0 0 1 46.974 46.974zm0 0"/><path fill="#0D51A2" d="M872.27 762.636a62.659 62.659 0 1 1 62.333-62.659 62.822 62.822 0 0 1-62.659 62.66zm0-94.029a31.37 31.37 0 1 0 31.288 31.37 31.451 31.451 0 0 0-31.289-31.37zm0 0"/><path fill="#82c9f5" d="M480.63 574.659a46.974 46.974 0 1 1-46.974-46.974 46.161 46.161 0 0 1 46.974 46.974zm0 0"/><path fill="#0D51A2" d="M433.656 637.318a62.659 62.659 0 1 1 62.659-62.659 62.822 62.822 0 0 1-62.66 62.66zm0-94.03a31.37 31.37 0 1 0 31.289 31.29 31.451 31.451 0 0 0-31.29-31.29zm0 0"/><path fill="#82c9f5" d="M198.705 778.321a46.161 46.161 0 0 1-46.974 46.974 46.974 46.974 0 1 1 0-94.029 46.161 46.161 0 0 1 46.974 46.974zm0 0"/><path fill="#0D51A2" d="M151.73 840.98a62.659 62.659 0 1 1 62.66-62.659 62.822 62.822 0 0 1-62.66 62.66zm0-94.029a31.289 31.289 0 1 0 31.371 31.37 31.451 31.451 0 0 0-31.37-31.37zm0 0"/><path fill="#82c9f5" d="M198.705 339.708a46.161 46.161 0 0 1-46.974 46.974 46.974 46.974 0 0 1 0-94.03 46.161 46.161 0 0 1 46.974 46.975zm0 0"/><path fill="#0D51A2" d="M151.73 402.367a62.659 62.659 0 1 1 62.66-62.66 56.889 56.889 0 0 1-18.773 43.887 56.889 56.889 0 0 1-43.886 18.773zm0-94.03a31.37 31.37 0 0 0 0 62.66 32.508 32.508 0 0 0 31.371-31.37 31.451 31.451 0 0 0-31.37-31.37zm0 0"/><path fill="#82c9f5" d="M480.63 136.046a46.974 46.974 0 0 1-94.03 0 46.974 46.974 0 0 1 94.03 0zm0 0"/><path fill="#0D51A2" d="M433.656 198.705a56.889 56.889 0 0 1-43.56-18.774 61.846 61.846 0 0 1-18.774-43.885 62.659 62.659 0 1 1 62.659 62.659zm0-94.03a31.451 31.451 0 0 0-31.37 31.29 32.508 32.508 0 0 0 31.37 31.37 31.289 31.289 0 0 0 0-62.66zm0 0"/><path fill="#82c9f5" d="M919.324 261.364a46.974 46.974 0 1 1-46.974-46.974 46.161 46.161 0 0 1 46.974 46.974zm0 0"/><path fill="#0D51A2" d="M872.27 324.023a62.659 62.659 0 1 1 62.333-62.66 62.822 62.822 0 0 1-62.659 62.66zm0-94.03a31.289 31.289 0 1 0 31.288 31.29 31.451 31.451 0 0 0-31.289-31.29zm0 0"/><path fill="#82c9f5" d="M637.318 465.026a46.974 46.974 0 1 1-46.974-46.974 46.161 46.161 0 0 1 46.974 46.974zm0 0"/><path fill="#0D51A2" d="M590.344 527.685a62.659 62.659 0 1 1 62.66-62.659 62.822 62.822 0 0 1-62.66 62.66zm0-94.03a31.289 31.289 0 1 0 31.37 31.371 31.451 31.451 0 0 0-31.37-31.37zm0 0"/></svg>

+<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" class="icon" viewBox="0 0 1024 1024"><path fill="#82c9f5" d="M400.01 789.13a274.123 274.123 0 1 0-167.497-216.99A274.123 274.123 0 0 0 400.01 789.13zm0 0"/><path fill="#0D51A2" d="M590.344 480.63h-4.714L146.773 355.312a15.197 15.197 0 0 1-10.971-12.516 14.872 14.872 0 0 1 6.258-15.685l282.25-203.58a23.324 23.324 0 0 1 14.14-3.17l438.858 125.318a15.197 15.197 0 0 1 10.971 12.515 14.872 14.872 0 0 1-6.257 15.685L599.69 477.542a22.268 22.268 0 0 1-9.427 3.17zm-402.61-147.424 400.985 114.59L837.81 267.623 436.825 153.275zm79.075 341.334 46.974-33.971 18.367 25.844-46.974 33.97zm97.524-31.452-18.774-25.03 78.344-56.402a21.049 21.049 0 0 1 14.141-3.17l94.03 26.657-8.127 29.745-86.146-25.031zm190.334-17.31 8.614-30.151 78.344 22.024-8.614 30.15zm110.039 31.532 8.615-30.15 63.228 18.041-8.615 30.151zm0 0"/><path fill="#0D51A2" d="M590.344 919.324h-4.714L146.773 794.006a15.197 15.197 0 0 1-10.971-12.515 14.872 14.872 0 0 1 6.258-15.685l94.029-67.373 19.017 24.869-67.373 48.761L588.8 886.41l249.01-180.175-78.343-21.943 8.127-29.745 109.633 31.37a15.197 15.197 0 0 1 10.971 12.516 14.872 14.872 0 0 1-6.258 15.685L599.934 917.78c-3.17 0-6.258 1.544-9.427 1.544zm0 0"/><path fill="#0D51A2" d="M136.046 339.708h31.37v438.857h-31.37zm438.857 125.318h31.37v438.857h-31.614zM417.97 480.63h31.37v94.029h-31.37zm0-109.633h31.37v78.344h-31.37zm0-94.03h31.37v62.74h-31.37zm0-141.003h31.37V245.68h-31.37zm438.857 125.319h31.37V700.14h-31.37zm0 0"/><path fill="#82c9f5" d="M637.318 903.64a46.974 46.974 0 1 1-46.974-46.975 46.161 46.161 0 0 1 46.974 46.974zm0 0"/><path fill="#0D51A2" d="M590.344 966.298a62.659 62.659 0 1 1 62.66-62.659 62.822 62.822 0 0 1-62.66 62.66zm0-94.029a31.289 31.289 0 1 0 31.37 31.37 31.451 31.451 0 0 0-31.37-31.37zm0 0"/><path fill="#82c9f5" d="M919.324 699.977a46.974 46.974 0 1 1-46.974-46.974 46.161 46.161 0 0 1 46.974 46.974zm0 0"/><path fill="#0D51A2" d="M872.27 762.636a62.659 62.659 0 1 1 62.333-62.659 62.822 62.822 0 0 1-62.659 62.66zm0-94.029a31.37 31.37 0 1 0 31.288 31.37 31.451 31.451 0 0 0-31.289-31.37zm0 0"/><path fill="#82c9f5" d="M480.63 574.659a46.974 46.974 0 1 1-46.974-46.974 46.161 46.161 0 0 1 46.974 46.974zm0 0"/><path fill="#0D51A2" d="M433.656 637.318a62.659 62.659 0 1 1 62.659-62.659 62.822 62.822 0 0 1-62.66 62.66zm0-94.03a31.37 31.37 0 1 0 31.289 31.29 31.451 31.451 0 0 0-31.29-31.29zm0 0"/><path fill="#82c9f5" d="M198.705 778.321a46.161 46.161 0 0 1-46.974 46.974 46.974 46.974 0 1 1 0-94.029 46.161 46.161 0 0 1 46.974 46.974zm0 0"/><path fill="#0D51A2" d="M151.73 840.98a62.659 62.659 0 1 1 62.66-62.659 62.822 62.822 0 0 1-62.66 62.66zm0-94.029a31.289 31.289 0 1 0 31.371 31.37 31.451 31.451 0 0 0-31.37-31.37zm0 0"/><path fill="#82c9f5" d="M198.705 339.708a46.161 46.161 0 0 1-46.974 46.974 46.974 46.974 0 0 1 0-94.03 46.161 46.161 0 0 1 46.974 46.975zm0 0"/><path fill="#0D51A2" d="M151.73 402.367a62.659 62.659 0 1 1 62.66-62.66 56.889 56.889 0 0 1-18.773 43.887 56.889 56.889 0 0 1-43.886 18.773zm0-94.03a31.37 31.37 0 0 0 0 62.66 32.508 32.508 0 0 0 31.371-31.37 31.451 31.451 0 0 0-31.37-31.37zm0 0"/><path fill="#82c9f5" d="M480.63 136.046a46.974 46.974 0 0 1-94.03 0 46.974 46.974 0 0 1 94.03 0zm0 0"/><path fill="#0D51A2" d="M433.656 198.705a56.889 56.889 0 0 1-43.56-18.774 61.846 61.846 0 0 1-18.774-43.885 62.659 62.659 0 1 1 62.659 62.659zm0-94.03a31.451 31.451 0 0 0-31.37 31.29 32.508 32.508 0 0 0 31.37 31.37 31.289 31.289 0 0 0 0-62.66zm0 0"/><path fill="#82c9f5" d="M919.324 261.364a46.974 46.974 0 1 1-46.974-46.974 46.161 46.161 0 0 1 46.974 46.974zm0 0"/><path fill="#0D51A2" d="M872.27 324.023a62.659 62.659 0 1 1 62.333-62.66 62.822 62.822 0 0 1-62.659 62.66zm0-94.03a31.289 31.289 0 1 0 31.288 31.29 31.451 31.451 0 0 0-31.289-31.29zm0 0"/><path fill="#82c9f5" d="M637.318 465.026a46.974 46.974 0 1 1-46.974-46.974 46.161 46.161 0 0 1 46.974 46.974zm0 0"/><path fill="#0D51A2" d="M590.344 527.685a62.659 62.659 0 1 1 62.66-62.659 62.822 62.822 0 0 1-62.66 62.66zm0-94.03a31.289 31.289 0 1 0 31.37 31.371 31.451 31.451 0 0 0-31.37-31.37zm0 0"/></svg>

@@ -32,11 +32,15 @@ export enum PageEnum {
 
 
   // 首页
   // 首页
   BASE_HOME = '/project',
   BASE_HOME = '/project',
+  THREE_HOME = '/three_project',
   BASE_HOME_NAME = 'Project',
   BASE_HOME_NAME = 'Project',
+  THREE_HOME_NAME = 'ThreeProject',
 
 
   // 我的项目
   // 我的项目
   BASE_HOME_ITEMS = '/project/items',
   BASE_HOME_ITEMS = '/project/items',
-  BASE_HOME_ITEMS_NAME = 'Project-Items',
+  BASE_HOME_ITEMS_NAME = 'Project-Items', 
+  THREE_HOME_ITEMS = '/three/items',
+  THREE_HOME_ITEMS_NAME = 'Three-Items',
 
 
   // 我的模板
   // 我的模板
   BASE_HOME_TEMPLATE = '/project/my-template',
   BASE_HOME_TEMPLATE = '/project/my-template',

@@ -105,5 +105,6 @@ export default {
     customRequest:'Custom request',
     customRequest:'Custom request',
     publicInterface:'Public interface',
     publicInterface:'Public interface',
   },
   },
-  color:'Color'
+  color:'Color',
+  threeDModel:'3D model',
 }
 }

@@ -6,6 +6,9 @@ export default {
   createNowText: 'Create now',
   createNowText: 'Create now',
   successText: 'Success',
   successText: 'Success',
   operationSuccessText: 'Operation successful!',
   operationSuccessText: 'Operation successful!',
+  deleteSuccessText: 'Delete successful!',
+  cancelReleaseSuccessText: 'Cancel release successful',
+  releaseSuccessText: 'Release successful',
   failText: 'Fail',
   failText: 'Fail',
   delText: 'Delete',
   delText: 'Delete',
   noneText: 'None',
   noneText: 'None',

@@ -11,5 +11,6 @@ export default {
   // items 
   // items 
   release: 'Release',
   release: 'Release',
   unreleased: 'Unrelease',
   unreleased: 'Unrelease',
-  last_edit: 'Last edit time'
+  last_edit: 'Last edit time',
+  three_project:'3D model'
 }
 }

@@ -30,7 +30,15 @@ const i18n = createI18n({
   messages: {
   messages: {
     [LangEnum.ZH]: zh,
     [LangEnum.ZH]: zh,
     [LangEnum.EN]: en
     [LangEnum.EN]: en
-  }
+  },
+  /**
+   * 解决Not found ‘xx‘ key in ‘x‘ locale messages. 的警告
+   */
+  silentTranslationWarn: true,
+  missingWarn: false,
+  silentFallbackWarn: true,
+  fallbackWarn: false,
+  //
 })
 })
 
 
 export default i18n
 export default i18n

@@ -105,5 +105,6 @@ export default {
     customRequest:'自定义请求',
     customRequest:'自定义请求',
     publicInterface:'公共接口',
     publicInterface:'公共接口',
   },
   },
-  color:'颜色'
+  color:'颜色',
+  threeDModel:'3D 模型',
 }
 }

@@ -6,6 +6,9 @@ export default {
   createNowText: '立即创建',
   createNowText: '立即创建',
   successText: '成功',
   successText: '成功',
   operationSuccessText: '操作成功！',
   operationSuccessText: '操作成功！',
+  deleteSuccessText: '删除成功',
+  cancelReleaseSuccessText: '取消发布成功',
+  releaseSuccessText: '发布成功',
   failText: '失败',
   failText: '失败',
   delText: '删除',
   delText: '删除',
   noneText: '暂无',
   noneText: '暂无',

@@ -12,5 +12,6 @@ export default {
   // items 
   // items 
   release: '已发布',
   release: '已发布',
   unreleased: '未发布',
   unreleased: '未发布',
-  last_edit: '最后编辑'
+  last_edit: '最后编辑',
+  three_project:'3D 模型'
 }
 }

+import { PublicConfigClass } from '@/packages/public'
+import { CreateComponentType } from '@/packages/index.d'
+import { chartInitConfig } from '@/settings/designSetting'
+import { LoaderConfig } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+
+export const option = {
+  dataset: '',
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType {
+  public key = LoaderConfig.key
+  public attr = { ...chartInitConfig, w: 600, h: 500, zIndex: 1 }
+  public chartConfig = cloneDeep(LoaderConfig)
+  public option = cloneDeep(option)
+}

+<template>
+  <!-- <collapse-item :name="t('component.treeConfig')" :expanded="true">
+    <setting-item-box :name="t('component.borderConfig')">
+      <setting-item :name="t('common.colorText')"> </setting-item>
+    </setting-item-box>
+  </collapse-item> -->
+</template>
+
+<script setup lang="ts">
+import { PropType } from 'vue'
+import { option } from './config'
+// import { CollapseItem, SettingItemBox, SettingItem } from '@/components/Pages/ChartItemSetting'
+
+defineProps({
+  optionData: {
+    type: Object as PropType<typeof option>,
+    required: true
+  }
+})
+
+// const t = window['$t']
+</script>
+
+<style lang="scss" scoped></style>

+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '@/packages/components/Decorates/index.d'
+import { useWidgetKey } from '@/packages/external/useWidgetKey'
+
+const { key, chartKey, conKey } = useWidgetKey('Loader', true)
+export const LoaderConfig: ConfigType = {
+  key,
+  chartKey,
+  conKey,
+  title: '3D模型加载器',
+  category: ChatCategoryEnum.THREE,
+  categoryName: ChatCategoryEnumName.THREE,
+  package: PackagesCategoryEnum.DECORATES,
+  chartFrame: ChartFrameEnum.STATIC,
+  image: 'threeModelDefault.svg'
+}

+<template>
+  <div class="go-content-box">
+    <div>
+      <vue3dLoader
+        ref="vue3dLoaderRef"
+        :requestHeader="headers"
+        :webGLRendererOptions="webGLRendererOptions"
+        :height="h"
+        :width="w"
+        :filePath="dataset"
+        @process="onProcess"
+        @load="onLoad"
+        :intersectRecursive="true"
+      />
+      <div v-show="show" class="process">
+        <span> 拼命加载中... </span>
+        <n-progress type="line" :color="themeColor" :percentage="process" :indicator-placement="'inside'" processing />
+      </div>
+    </div>
+  </div>
+</template>
+<script setup lang="ts">
+import { PropType, toRefs, ref, nextTick, computed } from 'vue'
+import { CreateComponentType } from '@/packages/index.d'
+import { vue3dLoader } from 'vue-3d-loader'
+import { useDesignStore } from '@/store/modules/designStore/designStore'
+import { getJwtToken } from '@/utils/external/auth'
+
+const designStore = useDesignStore()
+
+const props = defineProps({
+  chartConfig: {
+    type: Object as PropType<CreateComponentType>,
+    required: true
+  }
+})
+
+const themeColor = computed(() => {
+  return designStore.getAppTheme
+})
+
+const vue3dLoaderRef = ref(null)
+
+const headers = {
+  'x-authorization': `Bearer ${getJwtToken()}`
+}
+const webGLRendererOptions = {
+  alpha: true, // 透明
+  antialias: true, // 抗锯齿
+  // fix: 预览三维图像需加上preserveDrawingBuffer: true
+  preserveDrawingBuffer: true //缩略图生效需开启
+}
+
+//三维模型加载
+const show = ref(false)
+
+const onLoad = async () => {
+  //加载完成
+  await nextTick()
+  show.value = false
+}
+
+//三维模型进度条
+const process = ref(0)
+
+const onProcess = (event: Recordable) => {
+  process.value = Math.floor((event.loaded / event.total) * 100)
+}
+
+const { w, h } = toRefs(props.chartConfig.attr)
+
+const { dataset } = toRefs(props.chartConfig.option) as Recordable
+</script>
+
+<style lang="scss" scoped>
+.go-content-box {
+  height: 100%;
+  .process {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 50%;
+    transform: translate(-50%, -50%);
+  }
+}
+</style>

@@ -21,7 +21,6 @@
         @mousedown="handleMouseDown"
         @mousedown="handleMouseDown"
         :position="position"
         :position="position"
         :rotation="rotation"
         :rotation="rotation"
-        :lights="[lights[lightInput]]"
         :showFps="showFps"
         :showFps="showFps"
         :intersectRecursive="true"
         :intersectRecursive="true"
         :labels="labels"
         :labels="labels"
@@ -93,10 +92,8 @@ const {
   borderConfig,
   borderConfig,
   position,
   position,
   rotation,
   rotation,
-  lights,
   showFps,
   showFps,
   labels,
   labels,
-  lightInput
 } = toRefs(props.chartConfig.option)  as any
 } = toRefs(props.chartConfig.option)  as any
 
 
 const handleMouseDown = (e:any,d:any)=>{
 const handleMouseDown = (e:any,d:any)=>{

@@ -40,6 +40,7 @@ import { OverrideDialConfig } from '@/packages/components/external/Charts/Mores/
 import { PickIconConfig } from '@/packages/components/external/Decorates/Mores/PickIcon'
 import { PickIconConfig } from '@/packages/components/external/Decorates/Mores/PickIcon'
 import { WeatherConfig } from '@/packages/components/external/Decorates/Mores/Weather'
 import { WeatherConfig } from '@/packages/components/external/Decorates/Mores/Weather'
 import { ThreeDimensionalConfig } from '@/packages/components/external/Decorates/Three/ThreeDimensional'
 import { ThreeDimensionalConfig } from '@/packages/components/external/Decorates/Three/ThreeDimensional'
+// import { LoaderConfig } from '@/packages/components/external/Decorates/Three/Loader'
 import { Headline1Config } from '@/packages/components/external/Decorates/Headline/Headline1'
 import { Headline1Config } from '@/packages/components/external/Decorates/Headline/Headline1'
 import { Headline2Config } from '@/packages/components/external/Decorates/Headline/Headline2'
 import { Headline2Config } from '@/packages/components/external/Decorates/Headline/Headline2'
 import { Subtitle1Config } from '@/packages/components/external/Decorates/Subtitle/Subtitle1'
 import { Subtitle1Config } from '@/packages/components/external/Decorates/Subtitle/Subtitle1'
@@ -90,6 +91,7 @@ export function useInjectLib(packagesList: EPackagesType) {
   addWidgetToCategoryByCategoryName(packagesList, PackagesCategoryEnum.DECORATES, PickIconConfig)//新增小组件图标
   addWidgetToCategoryByCategoryName(packagesList, PackagesCategoryEnum.DECORATES, PickIconConfig)//新增小组件图标
   addWidgetToCategoryByCategoryName(packagesList, PackagesCategoryEnum.DECORATES, WeatherConfig)//新增小组件天气
   addWidgetToCategoryByCategoryName(packagesList, PackagesCategoryEnum.DECORATES, WeatherConfig)//新增小组件天气
   addWidgetToCategoryByCategoryName(packagesList, PackagesCategoryEnum.DECORATES, ThreeDimensionalConfig)//三维模型
   addWidgetToCategoryByCategoryName(packagesList, PackagesCategoryEnum.DECORATES, ThreeDimensionalConfig)//三维模型
+  // addWidgetToCategoryByCategoryName(packagesList, PackagesCategoryEnum.DECORATES, LoaderConfig)//三维模型加载器
   addWidgetToCategoryByCategoryName(packagesList, PackagesCategoryEnum.DECORATES, Headline1Config)//大标题1
   addWidgetToCategoryByCategoryName(packagesList, PackagesCategoryEnum.DECORATES, Headline1Config)//大标题1
   addWidgetToCategoryByCategoryName(packagesList, PackagesCategoryEnum.DECORATES, Headline2Config)//大标题2
   addWidgetToCategoryByCategoryName(packagesList, PackagesCategoryEnum.DECORATES, Headline2Config)//大标题2
   addWidgetToCategoryByCategoryName(packagesList, PackagesCategoryEnum.DECORATES, Subtitle1Config)//小标题1
   addWidgetToCategoryByCategoryName(packagesList, PackagesCategoryEnum.DECORATES, Subtitle1Config)//小标题1

@@ -15,14 +15,25 @@ const getChartConfigFile = async (path: string) => {
 
 
 export const createComponent = async (configType: ConfigType) => {
 export const createComponent = async (configType: ConfigType) => {
   // eslint-disable-next-line prefer-const
   // eslint-disable-next-line prefer-const
-  let { key, chartKey, category, package: packageName, redirectComponent, categoryName , conKey} = configType
+  // eslint-disable-next-line prefer-const
+  let { key, chartKey, category, package: packageName, redirectComponent, categoryName , conKey, isThreeModel} = configType
   // redirectComponent 是给图片组件库和图标组件库使用的
   // redirectComponent 是给图片组件库和图标组件库使用的
-  if (redirectComponent) {
+  if (!isThreeModel && redirectComponent) {
     const [packageName, categoryName, keyName] = redirectComponent.split('/')
     const [packageName, categoryName, keyName] = redirectComponent.split('/')
     const filePath = `../components/${packageName}/${categoryName}/${keyName}/config.ts`
     const filePath = `../components/${packageName}/${categoryName}/${keyName}/config.ts`
     const redirectChart = await getChartConfigFile(filePath)
     const redirectChart = await getChartConfigFile(filePath)
     return new redirectChart.default()
     return new redirectChart.default()
   }
   }
+  // isThreeModel是给3D模型使用的
+  if(isThreeModel && redirectComponent) {
+    const [packageName, categoryName, keyName] = (redirectComponent as string).split('/')
+    const hasExternalPrefix = matchExternalPrefixReg.test(chartKey)
+    const filePath = `../components${hasExternalPrefix ? '/external' : ''}/${packageName}/${categoryName}/${keyName}/config.ts`
+    const redirectChart = await getChartConfigFile(filePath)
+    return new redirectChart.default()
+   }
+
+
   /**
   /**
    * 兼容之前导入错误的补丁
    * 兼容之前导入错误的补丁
    */
    */

@@ -43,6 +43,11 @@ export type ConfigType = {
   icon?: string
   icon?: string
   // 事件
   // 事件
   configEvents?: { [T: string]: Function }
   configEvents?: { [T: string]: Function }
+  // 区分3D模型标识
+  isThreeModel?: false
+  // 3D模型数据
+  threeModelContent?: any
+  threeModelFilePath?: string
 }
 }
 
 
 // 数据请求
 // 数据请求

 import type { App } from 'vue'
 import type { App } from 'vue'
 import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router'
 import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router'
 import { RedirectRoute } from '@/router/base'
 import { RedirectRoute } from '@/router/base'
-import { createRouterGuards } from './router-guards'
+// import { createRouterGuards } from './router-guards'
 import { PageEnum } from '@/enums/pageEnum'
 import { PageEnum } from '@/enums/pageEnum'
 import { HttpErrorPage, LoginRoute, ReloadRoute } from '@/router/base'
 import { HttpErrorPage, LoginRoute, ReloadRoute } from '@/router/base'
 import { Layout } from '@/router/constant'
 import { Layout } from '@/router/constant'
@@ -27,6 +27,7 @@ const RootRoute: Array<RouteRecordRaw> = [
       modules.chartRoutes,
       modules.chartRoutes,
       modules.previewRoutes,
       modules.previewRoutes,
       modules.editRoutes,
       modules.editRoutes,
+      modules.threeRoutes,
       // THINGS_KIT 新增分享路由
       // THINGS_KIT 新增分享路由
       shareRoutes
       shareRoutes
     ]
     ]

@@ -2,10 +2,12 @@ import projectRoutes from './project.router'
 import chartRoutes from './chart.route'
 import chartRoutes from './chart.route'
 import previewRoutes from './preview.route'
 import previewRoutes from './preview.route'
 import editRoutes from './edit.route'
 import editRoutes from './edit.route'
+import threeRoutes from './three.router'
 
 
 export default {
 export default {
   projectRoutes,
   projectRoutes,
   chartRoutes,
   chartRoutes,
   previewRoutes,
   previewRoutes,
-  editRoutes
+  editRoutes,
+  threeRoutes
 }
 }

+import { RouteRecordRaw } from 'vue-router'
+import { PageEnum } from '@/enums/pageEnum'
+
+// 引入路径
+const importPath = {
+  'PageEnum.THREE_HOME_NAME': () => import('@/views/three/index.vue'),
+  'PageEnum.THREE_HOME_ITEMS_NAME': () => import('@/views/three/items/index.vue'),
+}
+
+const threeRoutes: RouteRecordRaw = {
+  path: PageEnum.THREE_HOME,
+  name: PageEnum.THREE_HOME_NAME,
+  component: importPath['PageEnum.THREE_HOME_NAME'],
+  redirect: PageEnum.THREE_HOME_ITEMS,
+  meta: {
+    title: '项目',
+    isRoot: true
+  },
+  children: [
+    {
+      path: PageEnum.THREE_HOME_ITEMS,
+      name: PageEnum.THREE_HOME_ITEMS_NAME,
+      component: importPath['PageEnum.THREE_HOME_ITEMS_NAME'],
+      meta: {
+        title: '我的项目'
+      }
+    },
+  ]
+}
+
+export default threeRoutes

@@ -72,6 +72,7 @@ import { icon } from '@/plugins'
 // THINGS_KIT 覆盖原始创建组件逻辑
 // THINGS_KIT 覆盖原始创建组件逻辑
 import { createComponent } from '@/packages/external/override'
 import { createComponent } from '@/packages/external/override'
 import omit from 'lodash/omit'
 import omit from 'lodash/omit'
+import { isObject } from '@/utils/external/is'
 
 
 const t: any = window['$t']
 const t: any = window['$t']
 
 
@@ -128,11 +129,17 @@ const dblclickHandle = async (item: ConfigType) => {
     componentInstall(item.conKey, fetchConfigComponent(item))
     componentInstall(item.conKey, fetchConfigComponent(item))
     // 创建新图表组件
     // 创建新图表组件
     let newComponent: CreateComponentType = await createComponent(item)
     let newComponent: CreateComponentType = await createComponent(item)
-    if (item.redirectComponent) {
+    if (!item?.isThreeModel && item.redirectComponent) {
       item.dataset && (newComponent.option.dataset = item.dataset)
       item.dataset && (newComponent.option.dataset = item.dataset)
       newComponent.chartConfig.title = item.title
       newComponent.chartConfig.title = item.title
       newComponent.chartConfig.chartFrame = item.chartFrame
       newComponent.chartConfig.chartFrame = item.chartFrame
     }
     }
+    //3D模型注入
+    if (item?.isThreeModel && item.redirectComponent) {
+      newComponent.option.dataset = item?.threeModelFilePath
+      newComponent.chartConfig.title = item.title
+      newComponent.chartConfig.chartFrame = item.chartFrame
+    }
     // 添加
     // 添加
     chartEditStore.addComponentList(newComponent, false, true)
     chartEditStore.addComponentList(newComponent, false, true)
     // 选中
     // 选中

@@ -23,9 +23,12 @@ import { ConfigType } from '@/packages/index.d'
 import { useSettingStore } from '@/store/modules/settingStore/settingStore'
 import { useSettingStore } from '@/store/modules/settingStore/settingStore'
 import { loadAsyncComponent } from '@/utils'
 import { loadAsyncComponent } from '@/utils'
 import { usePackagesStore } from '@/store/modules/packagesStore/packagesStore'
 import { usePackagesStore } from '@/store/modules/packagesStore/packagesStore'
-import { PackagesCategoryEnum } from '@/packages/index.d'
+// import { PackagesCategoryEnum } from '@/packages/index.d'
 import { hideAsideComponentsObj } from './config'
 import { hideAsideComponentsObj } from './config'
 import { remove } from 'lodash'
 import { remove } from 'lodash'
+import { getThreeJsModelList } from '@/api/external/contentSave/content'
+import { ChartType } from '@/views/three/items'
+import { isArray } from '@/utils/external/is'
 
 
 const ChartsItemBox = loadAsyncComponent(() => import('../../../components/ChartsItemBox/index.vue'))
 const ChartsItemBox = loadAsyncComponent(() => import('../../../components/ChartsItemBox/index.vue'))
 const packagesStore = usePackagesStore()
 const packagesStore = usePackagesStore()
@@ -33,11 +36,12 @@ const packagesStore = usePackagesStore()
 const props = defineProps({
 const props = defineProps({
   selectOptions: {
   selectOptions: {
     type: Object,
     type: Object,
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
     default: () => {}
     default: () => {}
   }
   }
 })
 })
 
 
-const t =window['$t']
+const t = window['$t']
 
 
 // 隐藏设置
 // 隐藏设置
 const settingStore = useSettingStore()
 const settingStore = useSettingStore()
@@ -69,6 +73,9 @@ let packages = reactive<{
 
 
 const selectValue = ref<string>('all')
 const selectValue = ref<string>('all')
 
 
+const threeJsModels = ref<Recordable[]>([])
+
+
 // 设置初始列表
 // 设置初始列表
 const setSelectOptions = (categorys: any) => {
 const setSelectOptions = (categorys: any) => {
   for (const val in categorys) {
   for (const val in categorys) {
@@ -78,7 +85,7 @@ const setSelectOptions = (categorys: any) => {
 }
 }
 
 
 // THINGS_KIT修改左侧边栏隐藏部分组件（比如重写的，有问题的等需要隐藏）
 // THINGS_KIT修改左侧边栏隐藏部分组件（比如重写的，有问题的等需要隐藏）
-const byKeyhideAside = (hideAsideComponentsObj: Record<string, string[]>, categorys: Record<string, any>) => {
+const byKeyHideAside = (hideAsideComponentsObj: Record<string, string[]>, categorys: Record<string, any>) => {
   for (const key in categorys) {
   for (const key in categorys) {
     const categoryKey = key
     const categoryKey = key
     const categoryValue = categorys[key]
     const categoryValue = categorys[key]
@@ -97,13 +104,50 @@ const byKeyhideAside = (hideAsideComponentsObj: Record<string, string[]>, catego
 }
 }
 
 
 watch(
 watch(
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore
   // @ts-ignore
   () => props.selectOptions,
   () => props.selectOptions,
-  (newData: { list: ConfigType[] }) => {
+  async (newData: { list: ConfigType[] }) => {
     packages.categorysNum = 0
     packages.categorysNum = 0
     if (!newData) return
     if (!newData) return
-    newData.list.forEach((e: ConfigType) => {
-      const value: ConfigType[] = (packages.categorys as any)[e.category]
+    if (newData.list.map((list: ConfigType) => list.category).includes('Three')) {
+      const { items } = await getThreeJsModelList({
+        page: 1,
+        pageSize: 999999
+      })
+      let threeFilePath = ''
+      const VITE_GLOB_PROXY: [string, string][] | string = import.meta.env.VITE_GLOB_PROXY
+      const VITE_GLOB_API_URL_PREFIX = import.meta.env.VITE_GLOB_API_URL_PREFIX
+      try {
+        const getViteGlobProxy = isArray(JSON.parse(VITE_GLOB_PROXY as unknown as string)) ? JSON.parse(VITE_GLOB_PROXY as unknown as string)[0][1] : VITE_GLOB_PROXY
+        threeFilePath = getViteGlobProxy
+      } catch {
+        // 生产环境是字符串，json parse 报错，直接等于字符串即可
+        threeFilePath = VITE_GLOB_PROXY as unknown as string
+      }
+      threeJsModels.value = items
+        ?.filter(filterItem => filterItem.state === 1)
+        ?.map((modelItem: ChartType) => {
+          return {
+            category: 'Three',
+            categoryName: 'business.component.THREE',
+            chartFrame: 'static',
+            chartKey: 'ExternalVCLoader',
+            conKey: 'ExternalVCCLoader',
+            image: 'threeModelDefault.svg',
+            key: 'Loader',
+            package: 'Decorates',
+            title: modelItem.name ?? modelItem.id,
+            redirectComponent: 'Decorates/Three/Loader',
+            isThreeModel: true,
+            threeModelContent: modelItem.content,
+            threeModelFilePath: `${threeFilePath}${VITE_GLOB_API_URL_PREFIX}/3d_component/json/${modelItem.id}/scene.json`
+          }
+        })
+    }
+    const mergeList = [...newData.list,...threeJsModels.value] as ConfigType[]
+    mergeList.forEach((e: ConfigType) => {
+      const value: ConfigType[] = (packages.categorys as Recordable)[e.category]
       packages.categorys[e.category] = value && value.length ? [...value, e] : [e]
       packages.categorys[e.category] = value && value.length ? [...value, e] : [e]
       packages.categoryNames[e.category] = e.categoryName
       packages.categoryNames[e.category] = e.categoryName
       packages.categorys['all'].push(e)
       packages.categorys['all'].push(e)
@@ -116,7 +160,7 @@ watch(
       })
       })
     }
     }
     setSelectOptions(packages.categorys)
     setSelectOptions(packages.categorys)
-    byKeyhideAside(hideAsideComponentsObj, packages.categorys)
+    byKeyHideAside(hideAsideComponentsObj, packages.categorys)
     // 默认选中处理
     // 默认选中处理
     selectValue.value = packages.menuOptions[0]['key']
     selectValue.value = packages.menuOptions[0]['key']
   },
   },

@@ -169,14 +169,14 @@ const options = computed(() => {
   .history-list-box {
   .history-list-box {
     width: 100%;
     width: 100%;
     .list-item {
     .list-item {
-      z-index: 2;
-      position: relative;
-      cursor: default;
+    //   z-index: 2;
+    //   position: relative;
+      cursor: pointer;
       padding: 2px;
       padding: 2px;
       .item-icon {
       .item-icon {
         margin-right: 10px;
         margin-right: 10px;
       }
       }
-    }
+     }
   }
   }
 }
 }
 </style>
 </style>

@@ -33,12 +33,18 @@ export const dragHandle = async (e: DragEvent) => {
     if (dropData.disabled) return
     if (dropData.disabled) return
 
 
     // 创建新图表组件
     // 创建新图表组件
-    let newComponent: CreateComponentType = await createComponent(dropData)
-    if (dropData.redirectComponent) {
+    const newComponent: CreateComponentType = await createComponent(dropData)
+    if (!dropData?.isThreeModel && dropData.redirectComponent) {
       dropData.dataset && (newComponent.option.dataset = dropData.dataset)
       dropData.dataset && (newComponent.option.dataset = dropData.dataset)
       newComponent.chartConfig.title = dropData.title
       newComponent.chartConfig.title = dropData.title
       newComponent.chartConfig.chartFrame = dropData.chartFrame
       newComponent.chartConfig.chartFrame = dropData.chartFrame
     } 
     } 
+    // 3D模型注入
+    if (dropData?.isThreeModel && dropData.redirectComponent) {
+      newComponent.option.dataset = dropData?.threeModelFilePath
+      newComponent.chartConfig.title = dropData.title
+      newComponent.chartConfig.chartFrame = dropData.chartFrame
+    }
     /**
     /**
      * 修复火狐浏览器随便拖拽一个组件，默认位置都在左上角并遮住。
      * 修复火狐浏览器随便拖拽一个组件，默认位置都在左上角并遮住。
      * 原因是浏览器兼容问题，火狐浏览器的offsetX和offsetY始终为0值，而应该使用layerX和layerY，其余浏览器使用offsetX和offsetY即可。
      * 原因是浏览器兼容问题，火狐浏览器的offsetX和offsetY始终为0值，而应该使用layerX和layerY，其余浏览器使用offsetX和offsetY即可。
@@ -236,7 +242,7 @@ export const useMouseHandle = () => {
     const startY = e.screenY
     const startY = e.screenY
 
 
     // 记录历史位置
     // 记录历史位置
-    let prevComponentInstance: Array<CreateComponentType | CreateComponentGroupType> = []
+    const prevComponentInstance: Array<CreateComponentType | CreateComponentGroupType> = []
     chartEditStore.getTargetChart.selectId.forEach(id => {
     chartEditStore.getTargetChart.selectId.forEach(id => {
       if (!targetMap.has(id)) return
       if (!targetMap.has(id)) return
 
 
@@ -254,8 +260,8 @@ export const useMouseHandle = () => {
       chartEditStore.setMousePosition(moveEvent.screenX, moveEvent.screenY)
       chartEditStore.setMousePosition(moveEvent.screenX, moveEvent.screenY)
 
 
       // 当前偏移量，处理 scale 比例问题
       // 当前偏移量，处理 scale 比例问题
-      let offsetX = (moveEvent.screenX - startX) / scale
-      let offsetY = (moveEvent.screenY - startY) / scale
+      const offsetX = (moveEvent.screenX - startX) / scale
+      const offsetY = (moveEvent.screenY - startY) / scale
 
 
       chartEditStore.getTargetChart.selectId.forEach(id => {
       chartEditStore.getTargetChart.selectId.forEach(id => {
         if (!targetMap.has(id)) return
         if (!targetMap.has(id)) return
@@ -365,8 +371,8 @@ export const useMousePointHandle = (e: MouseEvent, point: string, attr: PickCrea
   const mousemove = throttle((moveEvent: MouseEvent) => {
   const mousemove = throttle((moveEvent: MouseEvent) => {
     chartEditStore.setMousePosition(moveEvent.screenX, moveEvent.screenY)
     chartEditStore.setMousePosition(moveEvent.screenX, moveEvent.screenY)
 
 
-    let currX = Math.round((moveEvent.screenX - startX) / scale)
-    let currY = Math.round((moveEvent.screenY - startY) / scale)
+    const currX = Math.round((moveEvent.screenX - startX) / scale)
+    const currY = Math.round((moveEvent.screenY - startY) / scale)
 
 
     const isTop = /t/.test(point)
     const isTop = /t/.test(point)
     const isBottom = /b/.test(point)
     const isBottom = /b/.test(point)

@@ -87,6 +87,7 @@ const { dataSyncFetch, intervalDataSyncUpdate } = useSyncRemote()
 provide(SCALE_KEY, null)
 provide(SCALE_KEY, null)
 
 
 // 布局处理
 // 布局处理
+// eslint-disable-next-line @typescript-eslint/no-empty-function
 useLayout(async () => { })
 useLayout(async () => { })
 
 
 // 点击事件
 // 点击事件

@@ -11,8 +11,8 @@
 
 
 <script setup lang="ts">
 <script setup lang="ts">
 import { computed } from 'vue'
 import { computed } from 'vue'
-import { renderIcon, goDialog, fetchPathByName, routerTurnByPath, setSessionStorage, getLocalStorage } from '@/utils'
-import { PreviewEnum } from '@/enums/pageEnum'
+import { renderIcon, goDialog, fetchPathByName, routerTurnByPath, setSessionStorage, getLocalStorage, routerTurnByName } from '@/utils'
+import { PageEnum, PreviewEnum } from '@/enums/pageEnum'
 import { StorageEnum } from '@/enums/storageEnum'
 import { StorageEnum } from '@/enums/storageEnum'
 import { useRoute } from 'vue-router'
 import { useRoute } from 'vue-router'
 import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
 import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
@@ -59,8 +59,9 @@ const previewHandle = () => {
 
 
 // 发布
 // 发布
 const sendHandle = () => {
 const sendHandle = () => {
-  const { host,protocol,pathname } = location
-  window.open(`${protocol}//${host}${pathname}editor/`)
+  // const { host,protocol,pathname } = location
+  // window.open(`${protocol}//${host}${pathname}editor/`)
+  routerTurnByName(PageEnum.THREE_HOME_NAME, false, true)
   // goDialog({
   // goDialog({
   //   message: '想体验发布功能，请前往 master-fetch 分支查看: https://demo.mtruning.club/#/login',
   //   message: '想体验发布功能，请前往 master-fetch 分支查看: https://demo.mtruning.club/#/login',
   //   positiveText: '了然',
   //   positiveText: '了然',
@@ -83,9 +84,9 @@ const btnList = [
     icon: renderIcon(BrowsersOutlineIcon),
     icon: renderIcon(BrowsersOutlineIcon),
     event: previewHandle
     event: previewHandle
   },
   },
-  {
+  { 
     select: true,
     select: true,
-    title: '编辑器',
+    title: t('business.threeDModel'),
     icon: renderIcon(SendIcon),
     icon: renderIcon(SendIcon),
     event: sendHandle
     event: sendHandle
   }
   }

+<template>
+  <div class="go-project">
+    <n-layout has-sider position="absolute">
+      <n-space vertical>
+        <project-layout-sider></project-layout-sider>
+      </n-space>
+      <n-layout>
+        <n-layout
+          id="go-project-content-top"
+          class="content-top"
+          position="absolute"
+          :native-scrollbar="false"
+        >
+          <n-layout-content>
+            <layout-transition-main>
+              <router-view></router-view>
+            </layout-transition-main>
+          </n-layout-content>
+        </n-layout>
+      </n-layout>
+    </n-layout>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ProjectLayoutSider } from './layout/components/ProjectLayoutSider'
+import { LayoutTransitionMain } from '@/layout/components/LayoutTransitionMain/index'
+</script>
+
+<style lang="scss" scoped>
+@include go(project) {
+  .content-top {
+    top: $--header-height;
+    margin-top: 1px;
+  }
+}
+</style>

+import ProjectItemsCard from './index.vue'
+
+export { ProjectItemsCard }

+<template>
+  <div v-if="cardData" class="go-items-list-card">
+    <n-card hoverable size="small">
+      <div class="list-content">
+        <!-- 顶部按钮 -->
+        <div class="list-content-top">
+          <mac-os-control-btn
+            class="top-btn"
+            :hidden="['remove']"
+            @close="deleteHandle"
+            @resize="resizeHandle"
+          ></mac-os-control-btn>
+        </div>
+        <!-- 中间 -->
+        <div class="list-content-img" @click="resizeHandle">
+          <n-image
+            object-fit="contain"
+            height="180"
+            preview-disabled
+            :src="requireUrl('ThreeModelDefault.svg')"
+            :fallback-src="requireErrorImg()"
+          ></n-image>
+        </div>
+      </div>
+      <template #action>
+        <div class="go-flex-items-center list-footer" justify="space-between">
+          <n-text @click="handleFocus">
+            <n-button v-show="!focus" secondary size="tiny">
+              <span class="title">
+                {{ cardData.name || cardData.id }}
+              </span>
+            </n-button>
+          </n-text>
+          <n-input
+            v-show="focus"
+            ref="inputInstRef"
+            size="small"
+            type="text"
+            maxlength="16"
+            show-count
+            v-model:value.trim="title"
+            @keyup.enter="handleBlur"
+            @blur="handleBlur"
+          ></n-input>
+          <!-- 工具 -->
+          <div class="go-flex-items-center list-footer-ri">
+            <n-space>
+              <n-text>
+                <n-badge
+                  class="go-animation-twinkle"
+                  dot
+                  :color="cardData.state === 1 ? '#34c749' : '#fcbc40'"
+                ></n-badge>
+                {{ cardData.state === 1 ? $t('project.release') : $t('project.unreleased') }}
+              </n-text>
+
+              <template v-for="item in fnBtnList" :key="item.key">
+                <template v-if="item.key === 'select'">
+                  <n-dropdown
+                    trigger="hover"
+                    placement="bottom"
+                    :options="selectOptions"
+                    :show-arrow="true"
+                    @select="handleSelect"
+                  >
+                    <n-button size="small">
+                      <template #icon>
+                        <component :is="item.icon"></component>
+                      </template>
+                    </n-button>
+                  </n-dropdown>
+                </template>
+
+                <n-tooltip v-else placement="bottom" trigger="hover">
+                  <template #trigger>
+                    <n-button size="small" @click="handleSelect(item.key)">
+                      <template #icon>
+                        <component :is="item.icon"></component>
+                      </template>
+                    </n-button>
+                  </template>
+                  <component :is="item.label"></component>
+                </n-tooltip>
+              </template>
+            </n-space>
+          </div>
+          <!-- end -->
+        </div>
+      </template>
+    </n-card>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { reactive, ref, PropType, nextTick } from 'vue'
+import { renderIcon, renderLang, requireErrorImg } from '@/utils'
+import { icon } from '@/plugins'
+import { MacOsControlBtn } from '@/components/Tips/MacOsControlBtn'
+import { ChartType } from '../..'
+import { updateThreeJsModel } from '@/api/external/contentSave/content'
+const { EllipsisHorizontalCircleSharpIcon, TrashIcon, HammerIcon, SendIcon } = icon.ionicons5
+
+const emit = defineEmits(['delete', 'resize', 'edit', 'release', 'inputUpdateCard'])
+
+const props = defineProps({
+  cardData: Object as PropType<ChartType>
+})
+
+const focus = ref<boolean>(false)
+
+const inputInstRef = ref(null)
+
+const title = ref<string>('')
+
+// 处理url获取
+const requireUrl = (name: string) => {
+  return new URL(`../../../../../assets/images/${name}`, import.meta.url).href
+}
+
+const fnBtnList = reactive([
+  {
+    label: renderLang('global.r_edit'),
+    key: 'edit',
+    icon: renderIcon(HammerIcon)
+  },
+  {
+    label: renderLang('global.r_more'),
+    key: 'select',
+    icon: renderIcon(EllipsisHorizontalCircleSharpIcon)
+  }
+])
+
+const selectOptions = ref([
+  {
+    label: props.cardData?.state ? renderLang('global.r_unpublish') : renderLang('global.r_publish'),
+    key: 'release',
+    icon: renderIcon(SendIcon)
+  },
+  {
+    label: renderLang('global.r_delete'),
+    key: 'delete',
+    icon: renderIcon(TrashIcon)
+  }
+])
+
+const handleSelect = (key: string) => {
+  switch (key) {
+    case 'delete':
+      deleteHandle()
+      break
+    case 'release':
+      releaseHandle()
+      break
+    case 'edit':
+      editHandle()
+      break
+  }
+}
+
+// 删除处理
+const deleteHandle = () => {
+  emit('delete', props.cardData)
+}
+
+// 编辑处理
+const editHandle = () => {
+  emit('edit', props.cardData)
+}
+
+// 发布处理
+const releaseHandle = () => {
+  emit('release', props.cardData)
+}
+
+// 放大处理
+const resizeHandle = () => {
+  emit('resize', props.cardData)
+}
+
+const handleFocus = () => {
+  focus.value = true
+  nextTick(() => {
+    inputInstRef.value && (inputInstRef.value as any).focus()
+  })
+}
+
+const handleBlur = async () => {
+  focus.value = false
+  if(!title.value) return
+  await updateThreeJsModel({
+    id: props.cardData?.id as string,
+    name: title.value
+  })
+  emit('inputUpdateCard')
+  window['$message'].success(window['$t']('common.operationSuccessText'))
+}
+</script>
+
+<style lang="scss" scoped>
+$contentHeight: 180px;
+@include go('items-list-card') {
+  position: relative;
+  border-radius: $--border-radius-base;
+  border: 1px solid rgba(0, 0, 0, 0);
+  @extend .go-transition;
+  &:hover {
+    @include hover-border-color('hover-border-color');
+  }
+  .list-content {
+    margin-top: 20px;
+    margin-bottom: 5px;
+    cursor: pointer;
+    border-radius: $--border-radius-base;
+    @include background-image('background-point');
+    @extend .go-point-bg;
+    &-top {
+      position: absolute;
+      top: 10px;
+      left: 10px;
+      height: 22px;
+    }
+    &-img {
+      height: $contentHeight;
+      @extend .go-flex-center;
+      @extend .go-border-radius;
+      @include deep() {
+        img {
+          @extend .go-border-radius;
+        }
+      }
+    }
+  }
+  .list-footer {
+    flex-wrap: nowrap;
+    justify-content: space-between;
+    line-height: 30px;
+    &-ri {
+      justify-content: flex-end;
+      min-width: 180px;
+    }
+  }
+}
+</style>

+import { getDataViewList } from "@/api/external/contentSave/content"
+import { onMounted, Ref } from "vue"
+import { ChartList } from "../../.."
+
+export function useListData(list: Ref<ChartList>) {
+  onMounted(async () => {
+    try {
+      const { items } = await getDataViewList({ page: 1, pageSize: 10 })
+      list.value = items as unknown as ChartList
+    } catch (error) {
+      console.log(error)
+    }
+  })
+}

+import { ref, reactive } from 'vue'
+import { goDialog } from '@/utils'
+import { DialogEnum } from '@/enums/pluginEnum'
+import { ChartType, ChartList } from '../../../index.d'
+import { getThreeJsModelList, putThreeJsModelRelease, threeJsDeleteApi } from '@/api/external/contentSave/content'
+import { PaginationResult } from '/#/external/axios'
+
+// 数据初始化
+export const useDataListInit = () => {
+  const loading = ref(true)
+
+  const pagination = reactive({
+    // 当前页数
+    page: 1,
+    // 每页值
+    pageSize: 12,
+    // 总数
+    count: 10
+  })
+
+  const list = ref<ChartList>([])
+
+  // 数据请求
+  const fetchList = async () => {
+    loading.value = true
+    const res = await getThreeJsModelList({
+      page: pagination.page,
+      pageSize: pagination.pageSize
+    })
+    if (res) {
+      const { total, items } = res as PaginationResult<ChartType>
+      pagination.count = total
+      list.value = items
+      setTimeout(() => {
+        loading.value = false
+      }, 500)
+      return
+    }
+  }
+
+  const inputUpdateHandle = () => fetchList()
+
+  // 修改页数
+  const changePage = (_page: number) => {
+    pagination.page = _page
+    fetchList()
+  }
+
+  // 修改大小
+  const changeSize = (_size: number) => {
+    pagination.pageSize = _size
+    fetchList()
+  }
+
+  // 删除处理
+  const deleteHandle = (cardData: ChartType) => {
+    goDialog({
+      type: DialogEnum.DELETE,
+      promise: true,
+      // eslint-disable-next-line @typescript-eslint/no-empty-function
+      onPositiveCallback: () => {},
+      promiseResCallback: async () => {
+        await threeJsDeleteApi([cardData.id] as string[])  
+        window['$message'].success(window['$t']('common.deleteSuccessText'))
+        fetchList()
+      }
+    })
+  }
+
+  // 发布处理
+  const releaseHandle = async (cardData: ChartType) => {
+    const { id, state } = cardData
+    await putThreeJsModelRelease({
+      id,
+      // [0未发布, 1发布]
+      state: state === 1 ? 0 : 1
+    })
+    list.value = []
+    fetchList()
+    // 发布 -> 未发布
+    if (state === 1) {
+      window['$message'].success(window['$t']('common.cancelReleaseSuccessText'))
+      return
+    }
+    // 未发布 -> 发布
+    window['$message'].success(window['$t']('common.releaseSuccessText'))
+    return
+  }
+
+  // 立即请求
+  fetchList()
+
+  return {
+    loading,
+    pagination,
+    list,
+    fetchList,
+    changeSize,
+    changePage,
+    deleteHandle,
+    releaseHandle,
+    inputUpdateHandle
+  }
+}

+import { ref } from 'vue'
+import { ChartType } from '../../..'
+
+export const useModalDataInit = () => {
+  const modalShow = ref<boolean>(false)
+  const modalData = ref<ChartType | null>(null)
+
+  // 关闭 modal
+  const closeModal = () => {
+    modalShow.value = false
+    modalData.value = null
+  }
+
+  // 打开 modal
+  const resizeHandle = (cardData: ChartType) => {
+    if (!cardData) return
+    modalShow.value = true
+    modalData.value = cardData
+  }
+
+  // 打开 modal
+  const editHandle = (cardData: ChartType) => {
+    if (!cardData) return
+    if (!cardData?.id) return
+    const { host, protocol, pathname } = location
+    window.open(`${protocol}//${host}${pathname}editor/?three_file_uuid=${cardData?.id}`)
+  }
+
+  return {
+    modalData,
+    modalShow,
+    closeModal,
+    resizeHandle,
+    editHandle
+  }
+}

+import ProjectItemsList from './index.vue'
+
+export { ProjectItemsList }

+<template>
+  <div class="go-items-list">
+    <div v-show="loading">
+      <go-loading></go-loading>
+    </div>
+    <div v-show="!loading">
+      <n-grid :x-gap="20" :y-gap="20" cols="2 s:2 m:3 l:4 xl:4 xxl:4" responsive="screen">
+        <n-grid-item v-for="(item, index) in list" :key="item.id">
+          <div style="display: none">{{ index }}</div>
+          <project-items-card
+            :cardData="item"
+            @resize="resizeHandle"
+            @delete="deleteHandle(item)"
+            @release="releaseHandle(item)"
+            @edit="editHandle"
+            @inputUpdateCard="inputUpdateHandle"
+          ></project-items-card>
+        </n-grid-item>
+      </n-grid>
+    </div>
+    <div class="list-pagination">
+      <n-pagination
+        :page="pagination.page"
+        :page-size="pagination.pageSize"
+        :item-count="pagination.count"
+        :page-sizes="[12, 24, 36, 48]"
+        @update:page="changePage"
+        @update:page-size="changeSize"
+        show-size-picker
+      />
+    </div>
+  </div>
+  <project-items-modal-card
+    v-if="modalData"
+    :modalShow="modalShow"
+    :cardData="modalData"
+    @close="closeModal"
+    @edit="editHandle"
+  ></project-items-modal-card>
+</template>
+
+<script setup lang="ts">
+import { ProjectItemsCard } from '../ProjectItemsCard/index'
+import { ProjectItemsModalCard } from '../ProjectItemsModalCard/index'
+import { useModalDataInit } from './hooks/useModal.hook'
+import { useDataListInit } from './hooks/useData.hook'
+
+const { modalData, modalShow, closeModal, resizeHandle, editHandle } = useModalDataInit()
+
+const { loading, pagination, list, changeSize, changePage, deleteHandle, releaseHandle, inputUpdateHandle } = useDataListInit()
+</script>
+
+<style lang="scss" scoped>
+$contentHeight: 250px;
+@include go('items-list') {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  min-height: calc(100vh - #{$--header-height} * 2 - 2px);
+  .list-content {
+    position: relative;
+    height: $contentHeight;
+  }
+  .list-pagination {
+    display: flex;
+    justify-content: flex-end;
+    margin-top: 20px;
+  }
+}
+</style>

+import ProjectItemsModalCard from './index.vue'
+
+export { ProjectItemsModalCard }

+<template>
+  <!-- mask-closable 暂时是失效的，不知道为啥 -->
+  <n-modal
+    class="go-modal-box"
+    v-model:show="showRef"
+    @afterLeave="closeHandle"
+  >
+    <n-card hoverable size="small">
+      <div class="list-content">
+        <!-- 标题 -->
+        <n-space class="list-content-top go-px-0" justify="center">
+          <n-space>
+            <n-text>
+              {{ cardData?.title || '' }}
+            </n-text>
+          </n-space>
+        </n-space>
+        <!-- 顶部按钮 -->
+        <n-space class="list-content-top">
+          <mac-os-control-btn
+            :narrow="true"
+            :hidden="['close']"
+            @remove="closeHandle"
+         ></mac-os-control-btn>
+        </n-space>
+        <!-- 中间 -->
+        <div class="list-content-img">
+          <img
+            :src="
+              requireUrl('project/moke-20211219181327.png')
+            "
+            :alt="cardData?.title"
+          />
+        </div>
+      </div>
+      <template #action>
+        <n-space class="list-footer" justify="space-between">
+          <n-text depth="3">
+            {{ $t('project.last_edit') }}:
+            <n-time :time="new Date()" format="yyyy-MM-dd hh:mm"></n-time>
+          </n-text>
+          <!-- 工具 -->
+          <n-space>
+            <n-text>
+              <n-badge
+                class="go-animation-twinkle"
+                dot
+                :color="cardData?.release ? '#34c749' : '#fcbc40'"
+             ></n-badge>
+              {{
+                cardData?.release
+                  ? $t('project.release')
+                  : $t('project.unreleased')
+              }}
+            </n-text>
+
+            <template v-for="item in fnBtnList" :key="item.key">
+              <n-tooltip placement="bottom" trigger="hover">
+                <template #trigger>
+                  <n-button size="small" @click="handleSelect(item.key)">
+                    <template #icon>
+                      <component :is="item.icon"></component>
+                    </template>
+                  </n-button>
+                </template>
+                <component :is="item.label"></component>
+              </n-tooltip>
+            </template>
+          </n-space>
+          <!-- end -->
+        </n-space>
+      </template>
+    </n-card>
+  </n-modal>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive, watch } from 'vue'
+import { renderIcon, renderLang } from '@/utils'
+import { icon } from '@/plugins'
+import { MacOsControlBtn } from '@/components/Tips/MacOsControlBtn'
+
+const { HammerIcon } = icon.ionicons5
+const showRef = ref(false)
+const emit = defineEmits(['close', 'edit'])
+
+const props = defineProps({
+  modalShow: {
+    required: true,
+    type: Boolean
+  },
+  cardData: {
+    required: true,
+    type: Object
+  }
+})
+
+watch(
+  () => props.modalShow,
+  newValue => {
+    showRef.value = newValue
+  },
+  {
+    immediate: true
+  }
+)
+
+// 处理url获取
+const requireUrl = (name: string) => {
+  return new URL(`../../../../../assets/images/${name}`, import.meta.url).href
+}
+
+const fnBtnList = reactive([
+  {
+    label: renderLang('global.r_edit'),
+    key: 'edit',
+    icon: renderIcon(HammerIcon)
+  }
+])
+
+const handleSelect = (key: string) => {
+  switch (key) {
+    case 'edit':
+      editHandle()
+      break
+  }
+}
+
+// 编辑处理
+const editHandle = () => {
+  emit('edit', props.cardData)
+}
+
+// 关闭对话框
+const closeHandle = () => {
+  emit('close')
+}
+</script>
+
+<style lang="scss" scoped>
+$padding: 30px;
+$contentHeight: calc(80vh);
+$contentWidth: calc(82vw);
+
+@include go('modal-box') {
+  width: $contentWidth;
+  .list-content {
+    margin-top: 28px;
+    border-radius: $--border-radius-base;
+    overflow: hidden;
+    @include background-image('background-point');
+    @extend .go-point-bg;
+    &-top {
+      position: absolute;
+      top: 7px;
+      left: 0px;
+      padding-left: 10px;
+      height: 22px;
+      width: $contentWidth;
+    }
+    &-img {
+      @extend .go-flex-center;
+      img {
+        max-height: $contentHeight;
+        min-height: 200px;
+        max-width: 100%;
+        @extend .go-border-radius;
+      }
+    }
+  }
+  .list-footer {
+    line-height: 30px;
+  }
+}
+</style>

+export type ChartType = {
+  id: number | string
+  creator?: string
+  createTime?: string
+  enabled?: boolean
+  tenantId?: string
+  content?: any
+  state?: number
+  name?: string
+}
+
+export type ChartList = ChartType[]

+<template>
+  <div class="go-project-items">
+    <project-items-list></project-items-list>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ProjectItemsList } from './components/ProjectItemsList'
+</script>
+
+<style lang="scss" scoped>
+@include go(project-items) {
+  padding: 30px 20px;
+}
+</style>

+import ProjectLayoutAsideFooter from './index.vue'
+
+export { ProjectLayoutAsideFooter }

+<template>
+  <div class="go-aside-footer">
+    <n-divider class="go-mt-0"></n-divider>
+    <n-space justify="space-around">
+      <n-tooltip v-if="collapsed" placement="right" trigger="hover">
+        <template #trigger>
+          <n-button secondary @click="handleDoc">
+            <template #icon>
+              <n-icon size="18">
+                <document-text-icon></document-text-icon>
+              </n-icon>
+            </template>
+          </n-button>
+        </template>
+        <n-text>
+          {{ $t('global.doc') }}
+        </n-text>
+      </n-tooltip>
+
+      <n-button v-else secondary @click="handleDoc">
+        <template #icon>
+          <n-icon size="18">
+            <document-text-icon></document-text-icon>
+          </n-icon>
+        </template>
+        <n-text>{{ $t('global.doc') }}</n-text>
+      </n-button>
+
+      <n-tooltip v-if="collapsed" placement="right" trigger="hover">
+        <template #trigger>
+          <n-button secondary @click="handleDoc">
+            <template #icon>
+              <n-icon size="18">
+                <code-slash-icon></code-slash-icon>
+              </n-icon>
+            </template>
+          </n-button>
+        </template>
+        <n-text>
+          {{ $t('global.code_addr') }}
+        </n-text>
+      </n-tooltip>
+
+      <n-button v-else secondary @click="handleCode">
+        <template #icon>
+          <n-icon size="18">
+            <code-slash-icon></code-slash-icon>
+          </n-icon>
+        </template>
+        <n-text v-show="!collapsed">{{ $t('global.code_addr') }}</n-text>
+      </n-button>
+    </n-space>
+  </div>
+</template>
+<script setup lang="ts">
+import { openDoc, openGiteeSourceCode } from '@/utils'
+
+import { icon } from '@/plugins'
+const { DocumentTextIcon, CodeSlashIcon } = icon.ionicons5
+
+const props = defineProps({
+  collapsed: Boolean
+})
+
+const handleDoc = () => {
+  openDoc()
+}
+const handleCode = () => {
+  openGiteeSourceCode()
+}
+</script>
+
+<style lang="scss" scoped>
+@include go('aside-footer') {
+  padding-bottom: 20px;
+}
+</style>

+import CreateModal from './index.vue'
+
+export { CreateModal }

+<template>
+  <n-modal v-model:show="showRef" class="go-create-modal" @afterLeave="closeHandle">
+    <n-space size="large">
+      <n-card class="card-box" hoverable>
+        <template #header>
+          <n-text class="card-box-tite">{{ $t('project.create_tip') }}</n-text>
+        </template>
+        <template #header-extra>
+          <n-text @click="closeHandle">
+            <n-icon size="20">
+              <component :is="CloseIcon"></component>
+            </n-icon>
+          </n-text>
+        </template>
+        <n-space class="card-box-content" justify="center">
+          <n-button
+            size="large"
+            :disabled="item.disabled"
+            v-for="item in typeList"
+            :key="item.key"
+            @click="btnHandle"
+          >
+            <component :is="item.title"></component>
+            <template #icon>
+              <n-icon size="18">
+                <component :is="item.icon"></component>
+              </n-icon>
+            </template>
+          </n-button>
+        </n-space>
+        <template #action></template>
+      </n-card>
+    </n-space>
+  </n-modal>
+</template>
+
+<script lang="ts" setup>
+import { ref, watch, shallowRef } from 'vue'
+import { icon } from '@/plugins'
+import { PageEnum, ChartEnum } from '@/enums/pageEnum'
+import { fetchPathByName, routerTurnByPath, renderLang, getUUID } from '@/utils'
+
+const { FishIcon, CloseIcon } = icon.ionicons5
+const { StoreIcon, ObjectStorageIcon } = icon.carbon
+const showRef = ref(false)
+
+const emit = defineEmits(['close'])
+const props = defineProps({
+  show: Boolean
+})
+
+const typeList = shallowRef([
+  {
+    title: renderLang('project.new_project'),
+    key: ChartEnum.CHART_HOME_NAME,
+    icon: FishIcon,
+    disabled: false
+  },
+  {
+    title: renderLang('project.my_templete'),
+    key: PageEnum.BASE_HOME_TEMPLATE_NAME,
+    icon: ObjectStorageIcon,
+    disabled: true
+  },
+  {
+    title: renderLang('project.template_market'),
+    key: PageEnum.BASE_HOME_TEMPLATE_MARKET_NAME,
+    icon: StoreIcon,
+    disabled: true
+  }
+])
+
+watch(props, newValue => {
+  showRef.value = newValue.show
+})
+
+// 关闭对话框
+const closeHandle = () => {
+  emit('close', false)
+}
+
+// 处理按钮点击
+const btnHandle = (key: string) => {
+  closeHandle()
+  const id = getUUID()
+  const path = fetchPathByName(ChartEnum.CHART_HOME_NAME, 'href')
+  routerTurnByPath(path, [id], undefined, true)
+}
+</script>
+<style lang="scss" scoped>
+$cardWidth: 570px;
+
+@include go('create-modal') {
+  position: fixed;
+  top: 200px;
+  left: 50%;
+  transform: translateX(-50%);
+  .card-box {
+    width: $cardWidth;
+    cursor: pointer;
+    border: 1px solid rgba(0, 0, 0, 0);
+    @extend .go-transition;
+    &:hover {
+      @include hover-border-color('hover-border-color');
+    }
+    &-tite {
+      font-size: 14px;
+    }
+    &-content {
+      padding: 0px 10px;
+      width: 100%;
+    }
+  }
+}
+</style>

+import ProjectLayoutCreate from './index.vue'
+
+export { ProjectLayoutCreate }

+<template>
+  <div @click="clickHandle">
+    <n-tooltip v-if="collapsed" placement="right" trigger="hover">
+      <template #trigger>
+        <n-button ghost type="primary" size="small">
+          <template #icon>
+            <n-icon>
+              <DuplicateOutlineIcon v-show="designStore.getDarkTheme"></DuplicateOutlineIcon>
+              <DuplicateIcon v-show="!designStore.getDarkTheme"></DuplicateIcon>
+            </n-icon>
+          </template>
+        </n-button>
+      </template>
+      <span>
+        {{ $t('project.create_btn') }}
+      </span>
+    </n-tooltip>
+    <n-button v-else ghost type="primary">
+      <template #icon>
+        <n-icon>
+          <DuplicateOutlineIcon v-show="designStore.getDarkTheme"></DuplicateOutlineIcon>
+          <DuplicateIcon v-show="!designStore.getDarkTheme"></DuplicateIcon>
+        </n-icon>
+      </template>
+      <span>
+        {{ $t('project.create_btn') }}
+      </span>
+    </n-button>
+  </div>
+  <CreateModal :show="modalShow" @close="closeHandle"></CreateModal>
+</template>
+<script setup lang="ts">
+import { ref } from 'vue'
+import { useDesignStore } from '@/store/modules/designStore/designStore'
+import { CreateModal } from './components/CreateModal/index'
+import { icon } from '@/plugins'
+import { getUUID } from '@/utils'
+
+const { DuplicateIcon, DuplicateOutlineIcon } = icon.ionicons5
+const designStore = useDesignStore()
+
+defineProps({
+  collapsed: Boolean
+})
+
+const modalShow = ref<boolean>(false)
+
+const clickHandle = () => {
+  const { host, protocol, pathname } = location
+  const randomId = getUUID(32)
+  window.open(`${protocol}//${host}${pathname}editor/?three_file_uuid=${randomId}`)
+}
+
+const closeHandle = () => {
+  modalShow.value = false
+}
+</script>

+import ProjectLayoutSider from './index.vue'
+
+export { ProjectLayoutSider }

+<template>
+  <n-layout-sider
+    class="go-project-sider"
+    bordered
+    collapse-mode="width"
+    show-trigger="bar"
+    :collapsed="collapsed"
+    :native-scrollbar="false"
+    :collapsed-width="getAsideCollapsedWidth"
+    :width="asideWidth"
+    @collapse="collapsed = true"
+    @expand="collapsed = false"
+  >
+    <div class="go-project-sider-flex">
+      <aside>
+        <n-space vertical class="go-project-sider-top">
+          <project-layout-create :collapsed="collapsed"></project-layout-create>
+        </n-space>
+        <n-menu
+          :value="menuValue"
+          :options="menuOptions"
+          :collapsed-width="getAsideCollapsedWidth"
+          :collapsed-icon-size="22"
+          :default-expanded-keys="defaultExpandedKeys"
+       ></n-menu>
+      </aside>
+      <!-- 底部提示 -->
+      <!-- <div class="sider-bottom">
+        <project-layout-aside-footer :collapsed="collapsed"></project-layout-aside-footer>
+      </div> -->
+    </div>
+  </n-layout-sider>
+</template>
+
+<script setup lang="ts">
+import { ref, computed, onMounted, onUnmounted, toRefs } from 'vue'
+import { ProjectLayoutCreate } from '../ProjectLayoutCreate/index'
+import { ProjectLayoutAsideFooter } from '../ProjectLayoutAsideFooter/index'
+import { asideWidth } from '@/settings/designSetting'
+import { useRoute } from 'vue-router'
+import { useSettingStore } from '@/store/modules/settingStore/settingStore'
+import { menuOptionsInit, expandedKeys } from './menu'
+
+const collapsed = ref<boolean>(false)
+const { getAsideCollapsedWidth } = toRefs(useSettingStore())
+
+const route = useRoute()
+const menuValue = computed(() => route.name)
+
+const menuOptions = menuOptionsInit()
+
+const defaultExpandedKeys = expandedKeys()
+
+const watchWidth = () => {
+  const Width = document.body.clientWidth
+  if (Width <= 950) {
+    collapsed.value = true
+  } else collapsed.value = false
+}
+
+onMounted(() => {
+  window.addEventListener('resize', watchWidth)
+})
+
+onUnmounted(()=> {
+  window.removeEventListener('resize', watchWidth)
+})
+</script>
+
+<style lang="scss" scoped>
+$siderHeight: 100vh;
+
+@include go(project) {
+  &-sider {
+    @include fetch-bg-color('aside-background-color');
+    &-top {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      flex-direction: column;
+      margin-top: 30px;
+      margin-bottom: 20px;
+    }
+    &-flex {
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      height: $siderHeight;
+    }
+  }
+  &-layout-sider {
+    height: $siderHeight;
+  }
+  .content-top {
+    top: $--header-height;
+    margin-top: 1px;
+  }
+}
+</style>

+import { reactive, h } from 'vue'
+import { renderIcon } from '@/utils'
+import { RouterLink } from 'vue-router'
+import { PageEnum } from '@/enums/pageEnum'
+import { MenuOption, MenuGroupOption } from 'naive-ui'
+import { icon } from '@/plugins'
+
+const { TvOutlineIcon } = icon.ionicons5
+const { DevicesIcon } = icon.carbon
+export const renderMenuLabel = (option: MenuOption | MenuGroupOption) => {
+  return option.label
+}
+
+export const expandedKeys = () => ['three-project']
+
+export const menuOptionsInit = () => {
+  const t = window['$t']
+
+  return reactive([
+    {
+      key: 'divider-1',
+      type: 'divider'
+    },
+    {
+      label: () => h('span', null, { default: () => t('project.project') }),
+      key: 'three-project',
+      icon: renderIcon(DevicesIcon),
+      children: [
+        {
+          type: 'group',
+          label: () => h('span', null, { default: () => t('project.three_project') }),
+          key: 'my-three-project',
+          children: [
+            {
+              label: () =>
+                h(
+                  RouterLink,
+                  {
+                    to: {
+                      name: PageEnum.THREE_HOME_ITEMS_NAME
+                    }
+                  },
+                  { default: () => t('project.all_project') }
+                ),
+              key: PageEnum.THREE_HOME_ITEMS_NAME,
+              icon: renderIcon(TvOutlineIcon)
+            }
+          ]
+        }
+      ]
+    }
+  ])
+}