@zeewain/3d-avatar-sdk 1.2.1 → 1.2.2

package/dist/examples/test-vue2/.eslintignore

@@ -0,0 +1,45 @@
+# 依赖目录
+node_modules/
+pnpm-lock.yaml
+package-lock.json
+
+# 构建输出
+dist/
+build/
+public/
+
+# 系统文件
+.DS_Store
+Thumbs.db
+
+# 编辑器配置
+.vscode/
+.idea/
+*.swp
+*.swo
+*~
+
+# 日志文件
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# 环境变量文件
+.env
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# 测试覆盖率
+coverage/
+
+# 临时文件
+*.tmp
+*.temp
+
+# 配置文件
+babel.config.js
+vue.config.js
+setup.js 

package/dist/examples/test-vue2/.eslintrc.js

@@ -0,0 +1,174 @@
+module.exports = {
+  root: true,
+  env: {
+    node: true,
+    browser: true,
+    es6: true
+  },
+  extends: [
+    'plugin:vue/essential',
+    'eslint:recommended',
+    'standard'
+  ],
+  parserOptions: {
+    parser: '@babel/eslint-parser',
+    requireConfigFile: false,
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  },
+  plugins: [
+    'vue'
+  ],
+  rules: {
+    // 基础规则
+    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+    'no-unused-vars': ['error', { args: 'none' }],
+
+    // Vue特定规则
+    'vue/valid-v-if': 'off',
+    'vue/multi-word-component-names': 'off',
+    'vue/no-unused-components': 'warn',
+    'vue/no-unused-vars': 'warn',
+    'vue/require-v-for-key': 'error',
+    'vue/no-use-v-if-with-v-for': 'error',
+    'vue/require-prop-types': 'warn',
+    'vue/prop-name-casing': ['error', 'camelCase'],
+    'vue/component-name-in-template-casing': ['error', 'kebab-case'],
+    'vue/attribute-hyphenation': ['error', 'always'],
+    'vue/v-on-event-hyphenation': ['error', 'always'],
+    'vue/mustache-interpolation-spacing': ['error', 'always'],
+    'vue/html-self-closing': ['error', {
+      html: {
+        void: 'always',
+        normal: 'never',
+        component: 'always'
+      },
+      svg: 'always',
+      math: 'always'
+    }],
+    'vue/html-closing-bracket-newline': ['error', {
+      singleline: 'never',
+      multiline: 'always'
+    }],
+    'vue/html-closing-bracket-spacing': ['error', {
+      startTag: 'never',
+      endTag: 'never',
+      selfClosingTag: 'always'
+    }],
+    'vue/html-indent': ['error', 2, {
+      attribute: 1,
+      baseIndent: 1,
+      closeBracket: 0,
+      alignAttributesVertically: true,
+      ignores: []
+    }],
+    'vue/max-attributes-per-line': ['error', {
+      singleline: 3,
+      multiline: 1
+    }],
+    'vue/order-in-components': ['error', {
+      order: [
+        'el',
+        'name',
+        'key',
+        'parent',
+        'functional',
+        ['delimiters', 'comments'],
+        ['components', 'directives', 'filters'],
+        'extends',
+        'mixins',
+        ['provide', 'inject'],
+        'ROUTER_GUARDS',
+        'layout',
+        'middleware',
+        'validate',
+        'scrollToTop',
+        'transition',
+        'loading',
+        'inheritAttrs',
+        'model',
+        ['props', 'propsData'],
+        'emits',
+        'setup',
+        'asyncData',
+        'data',
+        'fetch',
+        'head',
+        'computed',
+        'watch',
+        'watchQuery',
+        'LIFECYCLE_HOOKS',
+        'methods',
+        ['template', 'render'],
+        'renderError'
+      ]
+    }],
+
+    // 代码风格规则
+    indent: ['error', 2, {
+      SwitchCase: 1,
+      MemberExpression: 1,
+      FunctionDeclaration: { parameters: 1, body: 1 },
+      FunctionExpression: { parameters: 1, body: 1 },
+      CallExpression: { arguments: 1 },
+      ArrayExpression: 1,
+      ObjectExpression: 1,
+      ImportDeclaration: 1,
+      flatTernaryExpressions: false,
+      ignoredNodes: ['TemplateLiteral']
+    }],
+    quotes: ['error', 'single'],
+    semi: ['error', 'never'],
+    'comma-dangle': ['error', 'never'],
+    'space-before-function-paren': ['error', 'always'],
+    'object-curly-spacing': ['error', 'always'],
+    'array-bracket-spacing': ['error', 'never'],
+    'computed-property-spacing': ['error', 'never'],
+    'key-spacing': ['error', { beforeColon: false, afterColon: true }],
+    'keyword-spacing': ['error', { before: true, after: true }],
+    'space-infix-ops': 'error',
+    'space-unary-ops': ['error', { words: true, nonwords: false }],
+    'spaced-comment': ['error', 'always'],
+    'comma-spacing': ['error', { before: false, after: true }],
+    'brace-style': ['error', '1tbs', { allowSingleLine: true }],
+    curly: ['error', 'multi-line'],
+    'eol-last': ['error', 'always'],
+    'no-multiple-empty-lines': ['error', { max: 1, maxBOF: 0, maxEOF: 1 }],
+    'no-trailing-spaces': 'error',
+    'padded-blocks': ['error', 'never'],
+    'space-in-parens': ['error', 'never'],
+    'arrow-spacing': ['error', { before: true, after: true }],
+    'generator-star-spacing': ['error', { before: true, after: true }],
+    'yield-star-spacing': ['error', { before: true, after: true }],
+    'rest-spread-spacing': ['error', 'never'],
+    'template-curly-spacing': ['error', 'never'],
+    'object-shorthand': ['error', 'always'],
+    'prefer-const': ['error', { destructuring: 'all' }],
+    'prefer-template': 'error',
+    'prefer-arrow-callback': 'error',
+    'arrow-parens': ['error', 'as-needed'],
+    'no-var': 'error',
+
+    // 最佳实践
+    eqeqeq: ['error', 'always'],
+    'no-eval': 'error',
+    'no-implied-eval': 'error',
+    'no-new-func': 'error',
+    'no-new-wrappers': 'error',
+    'no-throw-literal': 'error',
+    'no-undef-init': 'error',
+    'no-use-before-define': ['error', { functions: false }],
+    radix: 'error',
+    'wrap-iife': ['error', 'any'],
+    yoda: ['error', 'never']
+  },
+  overrides: [
+    {
+      files: ['*.vue'],
+      rules: {
+        indent: 'off'
+      }
+    }
+  ]
+}

package/dist/examples/test-vue2/.stylelintignore

@@ -0,0 +1,50 @@
+# 依赖目录
+node_modules/
+pnpm-lock.yaml
+package-lock.json
+
+# 构建输出
+dist/
+build/
+public/
+
+# 系统文件
+.DS_Store
+Thumbs.db
+
+# 编辑器配置
+.vscode/
+.idea/
+*.swp
+*.swo
+*~
+
+# 日志文件
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# 环境变量文件
+.env
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# 测试覆盖率
+coverage/
+
+# 临时文件
+*.tmp
+*.temp
+
+# 第三方CSS
+element-ui/
+bootstrap/
+normalize.css
+reset.css
+
+# 压缩文件
+*.min.css
+*.min.scss 

package/dist/examples/test-vue2/.stylelintrc.js

@@ -0,0 +1,79 @@
+module.exports = {
+  extends: [
+    'stylelint-config-standard',
+    'stylelint-config-standard-scss',
+    'stylelint-config-recommended-vue'
+  ],
+  plugins: [
+    'stylelint-order'
+  ],
+  rules: {
+    // 基础规则
+    'no-duplicate-selectors': true,
+    'color-hex-length': 'short',
+    'function-url-quotes': 'always',
+    'comment-whitespace-inside': 'always',
+    'rule-empty-line-before': ['always', {
+      except: ['first-nested'],
+      ignore: ['after-comment']
+    }],
+    'selector-pseudo-element-colon-notation': 'double',
+
+    // SCSS特定规则
+    'scss/at-rule-no-unknown': true,
+    'scss/dollar-variable-colon-space-after': 'always',
+    'scss/dollar-variable-colon-space-before': 'never',
+    'scss/dollar-variable-no-missing-interpolation': true,
+    'scss/dollar-variable-pattern': '^[a-z]+([a-z0-9-]+[a-z0-9]+)?$',
+    'scss/double-slash-comment-whitespace-inside': 'always',
+    'scss/operator-no-newline-before': true,
+    'scss/operator-no-unspaced': true,
+    'scss/selector-no-redundant-nesting-selector': true,
+    'scss/at-mixin-pattern': '^[a-z]+([a-z0-9-]+[a-z0-9]+)?$',
+    'scss/at-function-pattern': '^[a-z]+([a-z0-9-]+[a-z0-9]+)?$',
+    'scss/percent-placeholder-pattern': '^[a-z]+([a-z0-9-]+[a-z0-9]+)?$',
+
+    // 选择器规则
+    'selector-max-universal': 1,
+    'selector-no-vendor-prefix': true,
+
+    // 值规则
+    'value-no-vendor-prefix': true,
+    'property-no-vendor-prefix': true,
+
+    // 长度规则
+    'length-zero-no-unit': true,
+    'shorthand-property-no-redundant-values': true,
+
+    // 注释规则
+    'comment-empty-line-before': ['always', {
+      except: ['first-nested'],
+      ignore: ['stylelint-commands']
+    }],
+
+    // 禁用一些过于严格的规则
+    'no-descending-specificity': null,
+    'font-family-no-missing-generic-family-keyword': null,
+    'unit-no-unknown': [true, {
+      ignoreUnits: ['rpx']
+    }],
+    'at-rule-no-unknown': [true, {
+      ignoreAtRules: ['include', 'mixin', 'extend', 'if', 'else', 'for', 'each', 'while', 'function', 'return']
+    }],
+    'selector-class-pattern': null,
+    'selector-id-pattern': null,
+    'selector-max-id': null,
+    'declaration-no-important': null,
+    'font-family-name-quotes': null,
+    'media-feature-range-notation': null,
+    'color-named': null,
+    'declaration-property-value-keyword-no-deprecated': null
+  },
+
+  // 忽略文件
+  ignoreFiles: [
+    'node_modules/**/*',
+    'dist/**/*',
+    'public/**/*'
+  ]
+}

package/dist/examples/test-vue2/README.md

@@ -0,0 +1,139 @@
+# ZEEAvatarSDK Vue2 测试项目
+
+这是一个基于Vue2和Element-UI框架的ZEEAvatarSDK测试项目，用于演示和测试SDK的各项功能。
+
+## 🚀 快速开始
+
+### 环境要求
+- Node.js >= 14.0.0
+- npm >= 6.0.0 或 pnpm >= 7.0.0
+
+### 安装依赖
+
+使用npm:
+```bash
+npm install
+```
+
+或使用pnpm:
+```bash
+pnpm install
+```
+
+### 启动开发服务器
+
+```bash
+# 开发模式 (使用本地SDK)
+npm run serve
+# 或
+pnpm run serve
+
+# 生产模式 (使用npm SDK)
+npm run serve:npm
+# 或
+pnpm run serve:npm
+```
+
+### 构建生产版本
+
+```bash
+npm run build
+# 或
+pnpm run build
+```
+
+## 🎨 UI框架
+
+项目使用Element-UI 2.15.13作为UI框架，提供：
+- 响应式布局设计
+- 统一的组件样式
+- 移动端适配支持
+- 完整的表单验证
+
+## 📱 功能特性
+
+- **响应式设计**: 支持PC、平板、手机三端
+- **SDK演示**: 完整的API功能测试
+- **实时日志**: 操作日志和状态监控
+- **Unity预览**: 3D数字人实时渲染
+- **配置管理**: 全局Token和Avatar配置
+
+## 🛠 技术栈
+
+- Vue 2.6.14
+- Element-UI 2.15.13
+- SCSS
+- ZEEAvatarSDK
+- Unity WebGL
+
+## 📖 使用说明
+
+1. **配置Token和Avatar Code**: 在全局配置区域设置必要的参数
+2. **初始化Avatar**: 点击初始化按钮加载数字人
+3. **测试功能**: 使用左侧面板测试各种API功能
+4. **查看结果**: 在Unity预览区域查看效果，在日志面板查看详细信息
+
+## 🔧 开发配置
+
+### Element-UI配置
+项目已配置Element-UI按需引入，包括：
+- babel-plugin-component插件
+- 主题样式自动导入
+- 全局组件注册
+
+### Babel配置
+```javascript
+module.exports = {
+  presets: ['@vue/cli-plugin-babel/preset'],
+  plugins: [
+    ['component', {
+      libraryName: 'element-ui',
+      styleLibraryName: 'theme-chalk'
+    }]
+  ]
+}
+```
+
+## 📁 项目结构
+
+```
+src/
+├── components/          # Vue组件
+│   ├── GlobalConfig.vue    # 全局配置
+│   ├── InitAPI.vue        # 初始化API
+│   ├── MotionAPI.vue      # 动作控制API
+│   ├── BroadcastAPI.vue   # 播报API
+│   ├── AvatarAPI.vue      # Avatar查询API
+│   ├── ControlAPI.vue     # 播报控制API
+│   ├── CameraAPI.vue      # 镜头控制API
+│   ├── LogPanel.vue       # 日志面板
+│   └── InfoCards.vue      # 信息卡片
+├── App.vue             # 主应用组件
+└── main.js             # 应用入口
+```
+
+## 🐛 故障排除
+
+### 依赖安装问题
+如果遇到依赖安装问题，尝试：
+```bash
+# 清除缓存
+npm cache clean --force
+# 或
+pnpm store prune
+
+# 删除node_modules和重新安装
+rm -rf node_modules
+rm -rf pnpm-lock.yaml  # 或 package-lock.json
+npm install  # 或 pnpm install
+```
+
+### Unity WebGL问题
+确保浏览器支持WebGL：
+- 检查浏览器WebGL支持
+- 禁用硬件加速可能导致问题
+- 确保有足够的内存资源
+
+## 📄 许可证
+
+此项目仅用于测试和演示目的。 

package/dist/examples/test-vue2/babel.config.js

@@ -0,0 +1,14 @@
+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset'
+  ],
+  plugins: [
+    [
+      'component',
+      {
+        libraryName: 'element-ui',
+        styleLibraryName: 'theme-chalk'
+      }
+    ]
+  ]
+} 

package/dist/examples/test-vue2/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "zee-avatar-sdk-vue2-test",
+  "version": "1.0.0",
+  "description": "ZEEAvatarSDK Vue2 测试项目",
+  "private": true,
+  "scripts": {
+    "serve": "node setup.js && vue-cli-service serve",
+    "serve:npm": "node setup.js --prod && vue-cli-service serve",
+    "build": "vue-cli-service build",
+    "lint": "vue-cli-service lint",
+    "lint:js": "eslint --ext .js,.vue src/",
+    "lint:css": "stylelint \"src/**/*.{vue,scss,css}\"",
+    "lint:fix": "eslint --ext .js,.vue src/ --fix",
+    "lint:css-fix": "stylelint \"src/**/*.{vue,scss,css}\" --fix",
+    "lint:all": "npm run lint:js && npm run lint:css",
+    "lint:all-fix": "npm run lint:fix && npm run lint:css-fix"
+  },
+  "dependencies": {
+    "@zeewain/3d-avatar-sdk": "^1.2.2",
+    "core-js": "^3.8.3",
+    "element-ui": "^2.15.13",
+    "vue": "^2.6.14"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.12.16",
+    "@babel/eslint-parser": "^7.12.16",
+    "@vue/cli-plugin-babel": "~5.0.0",
+    "@vue/cli-plugin-eslint": "~5.0.0",
+    "@vue/cli-service": "~5.0.0",
+    "babel-plugin-component": "^1.1.1",
+    "eslint": "^8.57.1",
+    "eslint-config-standard": "^17.1.0",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-node": "^11.1.0",
+    "eslint-plugin-promise": "^7.2.1",
+    "eslint-plugin-standard": "^5.0.0",
+    "eslint-plugin-vue": "^9.33.0",
+    "fs-extra": "^10.1.0",
+    "sass": "^1.62.1",
+    "sass-loader": "^13.2.2",
+    "stylelint": "^16.21.1",
+    "stylelint-config-recommended-vue": "^1.6.1",
+    "stylelint-config-standard": "^38.0.0",
+    "stylelint-config-standard-scss": "^15.0.1",
+    "stylelint-order": "^7.0.0",
+    "vue-template-compiler": "^2.6.14"
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not dead"
+  ]
+}