@linxai/3d-web 0.1.0 → 0.1.1

package/src/components/Subtitle.tsx

@@ -1,89 +0,0 @@
-import { useState, useEffect } from 'react'
-
-export interface SubtitleProps {
-  /** 字幕文本 */
-  text?: string
-  /** 是否可见 */
-  visible?: boolean
-  /** 容器样式 */
-  style?: React.CSSProperties
-  /** 字幕框样式 */
-  boxStyle?: React.CSSProperties
-  /** 文本样式 */
-  textStyle?: React.CSSProperties
-  /** 底部偏移（默认 80px） */
-  bottomOffset?: number
-}
-
-/**
- * 字幕组件
- * 带淡入淡出动画的字幕显示
- */
-export function Subtitle({
-  text = '',
-  visible = true,
-  style,
-  boxStyle,
-  textStyle,
-  bottomOffset = 80,
-}: SubtitleProps) {
-  const [fadeIn, setFadeIn] = useState(false)
-
-  useEffect(() => {
-    if (text) {
-      setFadeIn(true)
-    } else {
-      setFadeIn(false)
-    }
-  }, [text])
-
-  if (!visible || !text) return null
-
-  return (
-    <div
-      style={{
-        position: 'absolute',
-        left: 0,
-        right: 0,
-        bottom: `${bottomOffset}px`,
-        display: 'flex',
-        justifyContent: 'center',
-        padding: '0 20px',
-        pointerEvents: 'none',
-        zIndex: 100,
-        opacity: fadeIn ? 1 : 0,
-        transform: fadeIn ? 'translateY(0)' : 'translateY(10px)',
-        transition: 'all 0.3s ease-out',
-        ...style,
-      }}
-    >
-      <div
-        style={{
-          background: 'rgba(0, 0, 0, 0.85)',
-          backdropFilter: 'blur(10px)',
-          padding: '16px 24px',
-          borderRadius: '12px',
-          maxWidth: '80%',
-          boxShadow: '0 4px 20px rgba(0, 0, 0, 0.3)',
-          border: '1px solid rgba(255, 255, 255, 0.1)',
-          ...boxStyle,
-        }}
-      >
-        <p
-          style={{
-            margin: 0,
-            color: '#fff',
-            fontSize: '16px',
-            lineHeight: '1.6',
-            textAlign: 'center',
-            fontWeight: '500',
-            ...textStyle,
-          }}
-        >
-          {text}
-        </p>
-      </div>
-    </div>
-  )
-}
-

package/src/hooks/useModelLoader.ts

@@ -1,12 +0,0 @@
-/**
- * Web 端模型加载 Hook
- * 直接 re-export @react-three/drei 的 useGLTF
- * 
- * @example
- * ```tsx
- * const gltf = useModelLoader('/model.glb')
- * return <primitive object={gltf.scene} />
- * ```
- */
-export { useGLTF as useModelLoader } from '@react-three/drei'
-

package/src/index.tsx

@@ -1,44 +0,0 @@
-/**
- * @linxai/3d-web
- * 3D 角色可视化 - Web 平台
- */
-
-// ============================================================
-// 核心组件（用户使用）
-// ============================================================
-export { CharacterView } from './components/CharacterView'
-export { Scene3D } from './components/Scene3D'
-
-// ============================================================
-// 类型定义（从 shared 导出）
-// ============================================================
-export type {
-  // Character 相关
-  Character,
-  CharacterViewProps,
-  OverlayConfig,
-  
-  // 配置类型
-  ModelLoadConfig,
-  AnimationConfig,
-  AnimationStatesConfig,
-  AnimationStateConfig,
-  SceneConfig,
-  OrbitControlsConfig,
-  LightConfig,
-  GridHelperConfig,
-} from '@linxai/3d-shared'
-
-// ============================================================
-// UI 组件（可选使用）
-// ============================================================
-export { CharacterOverlay } from './components/CharacterOverlay'
-export type { CharacterOverlayProps } from './components/CharacterOverlay'
-export { Subtitle } from './components/Subtitle'
-export type { SubtitleProps } from './components/Subtitle'
-
-// ============================================================
-// 高级 API（可选使用）
-// ============================================================
-export { WebSceneBuilder } from './builders/SceneBuilder'
-export { useModelLoader } from './hooks/useModelLoader'

package/tsconfig.json

@@ -1,23 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "module": "ESNext",
-    "lib": ["ES2020", "DOM"],
-    "jsx": "react-jsx",
-    "declaration": true,
-    "declarationMap": true,
-    "sourceMap": true,
-    "outDir": "./dist",
-    "rootDir": "./src",
-    "strict": true,
-    "esModuleInterop": true,
-    "skipLibCheck": true,
-    "forceConsistentCasingInFileNames": true,
-    "moduleResolution": "bundler",
-    "resolveJsonModule": true,
-    "allowSyntheticDefaultImports": true
-  },
-  "include": ["src/**/*"],
-  "exclude": ["node_modules", "dist"]
-}
-

package/tsup.config.ts

@@ -1,19 +0,0 @@
-import { defineConfig } from 'tsup'
-
-export default defineConfig({
-  entry: ['src/index.tsx'],
-  format: ['cjs', 'esm'],
-  dts: true,
-  external: [
-    'react',
-    'react-native',
-    'three',
-    '@react-three/fiber',
-    '@linxai/3d-shared',
-  ],
-  // 使用 React 17+ 的新 JSX runtime
-  esbuildOptions(options) {
-    options.jsx = 'automatic'
-  },
-})
-