refactor: vite

.env.development

@@ -0,0 +1,4 @@
+VITE_APP_DOMAIN = '4dage.com'
+VITE_APP_PROTOCOL = 'https'
+VITE_APP_BACKEND_DOMAIN = 'www.4dage.com'
+VITE_APP_BACKEND_URL = 'https://www.4dage.com'

.env.production

@@ -0,0 +1,4 @@
+VITE_APP_DOMAIN = '4dage.com'
+VITE_APP_PROTOCOL = 'https'
+VITE_APP_BACKEND_DOMAIN = 'www.4dage.com'
+VITE_APP_BACKEND_URL = 'https://www.4dage.com'

.gitignore

@@ -0,0 +1,25 @@
+.DS_Store
+.temp
+node_modules
+/build
+/dist
+
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

.npmrc

@@ -0,0 +1 @@
+shamefully-hoist=true

.prettierignore

@@ -0,0 +1,8 @@
+build/
+public/
+**/*.png
+**/*.svg
+**/*.jpg
+.DS_Store
+.history
+package.json

.prettierrc

@@ -0,0 +1,10 @@
+{
+  "$schema": "http://json.schemastore.org/prettierrc",
+  "singleQuote": true,
+  "semi": true,
+  "trailingComma": "es5",
+  "printWidth": 100,
+  "proseWrap": "never",
+  "vueIndentScriptAndStyle": true,
+  "endOfLine": "auto"
+}

README.md

@@ -0,0 +1,115 @@
+### 初始化
+
+```bash
+yarn
+
+yarn serve
+```
+
+<br>
+
+### 目录结构
+
+```
+|-build
+|-public // 静态资源
+|-src
+  |- api // 接口文件
+  |- types // 类型声明
+  |- assets // 公用代码资源
+  |- components // 公用组件
+  |- views // 项目页面入口
+  |- utils // 公用工具函数
+  |- router // 路由配置
+  |- store // 全局状态管理
+  |
+  |- env.d.ts // 环境变量声明
+  |- global.d.ts // 全局变量声明
+  |- el.d.ts // element 声明
+```
+
+<br>
+
+### 多场景模式
+
+⚠️ `/public` 下为公用文件，不要在场景分支里修改
+
+通过 `process.env.SCENE` 区分场景
+
+尽量避免使用 `.vue` 自定义后缀，ide 暂不能友好支持模糊匹配 `.vue`，需要明确使用 `demo.vue`，导致无法区分场景
+
+<br>
+
+### 关于分支
+
+`release` 稳定版本，线上代码稳定一段时间后同步 `release-buffer`
+
+`release-buffer` 发布版本，场景线分支发布生产环境需要合回此分支，使用 `--no-ff` 记录合并操作
+
+<br>
+
+### 🚀 关于代码格式化
+
+推荐使用 ide 插件，在 ide 扩展中下载 `prettier`
+
+以 vscode 为例：
+
+> 在 `file -> preferences -> setting` 中搜索 `defaultFormatter`<br> 选择 `Prettier - Code formatter`<br> 接着搜索 `format`<br> 将 `editor: format on save` 勾选
+
+<br>
+
+### 🤖 关于自动化部署
+
+发布地址：http://face3d.4dage.com:29394/deploy/app
+
+新建的分支如果需要自动化部署，需要在 `package.json` 下增加指令
+
+    举例：新增一个demo大场景
+    1. 在 release-buffer 下新增 demo 分支
+    2. 在 scripts 中新增 push:demo 指令，注意 push: 后的参数需要与分支名相同
+    3. 注意：不要在 release* 下发布版本
+
+测试环境项目地址：https://scene.4dage.com/?m=1172
+
+```bash
+scene=${SPUG_GIT_BRANCH%%/*}
+
+echo "当前场景值：$scene"
+
+if [ $SPUG_DEPLOY_TYPE == "2" ]
+then
+  echo "开始回滚"
+  basename "$PWD"
+else
+  mv .temp/* .
+
+  fileCount=$(find /home/spug_backup/vue3-scene-web/* -maxdepth 0 -type d -printf '.' | wc -c)
+  echo "当前文件夹数量：$fileCount"
+
+  if [ ${fileCount} -gt 1 ]
+  then
+    lastFileDir=$(ls -d -F /home/spug_backup/vue3-scene-web/* -t | grep '/$' | head -n 2 | tail -n 1)
+
+    echo "上一个部署目录：$lastFileDir"
+
+    if [ -d "${lastFileDir}data/" ]
+    then
+      echo "copy data file"
+      cp -rTn ${lastFileDir}data/ ./data
+    fi
+
+    if [ -d "${lastFileDir}resources/web/" ]
+    then
+      echo "copy resources file"
+      if [ $scene = "test" ]
+      then
+        rsync -rtvu --exclude=./js --exclude=./img --exclude=./fonts --exclude=./css ${lastFileDir}resources/web/ ./resources/web/
+      else
+        rsync -rtvu --exclude=$scene ${lastFileDir}resources/web/ ./resources/web/
+      fi
+    fi
+  fi
+
+  rm -r .temp
+fi
+```

auto-imports.d.ts

@@ -0,0 +1,11 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
+// biome-ignore lint: disable
+export {}
+declare global {
+  const ElMessage: typeof import('element-plus/es')['ElMessage']
+  const ElNotification: typeof import('element-plus/es')['ElNotification']
+}

components.d.ts

@@ -0,0 +1,16 @@
+/* eslint-disable */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+export {}
+
+/* prettier-ignore */
+declare module 'vue' {
+  export interface GlobalComponents {
+    ElDialog: typeof import('element-plus/es')['ElDialog']
+    ElImage: typeof import('element-plus/es')['ElImage']
+    ElScrollbar: typeof import('element-plus/es')['ElScrollbar']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+  }
+}

config.js

@@ -0,0 +1,42 @@
+import pkg from "./package.json";
+
+const ASSETS_DIR = "resources/web/";
+
+/**
+ * 主域名
+ */
+const DOMAIN = "4dage.com";
+
+/**
+ * 前端版本号
+ */
+const VERSION = pkg.version;
+
+/**
+ * HTTP 协议
+ */
+const PROTOCOL = "https";
+
+/**
+ * API 域名
+ */
+const BACKEND_DOMAIN = process.env.DOMAIN || `www.${DOMAIN}`;
+
+export default {
+  /**
+   * 静态资源放置的子目录
+   */
+  assetsDir: ASSETS_DIR,
+  /**
+   * 可访问的内置常量
+   */
+  constants: {
+    ASSETS_DIR,
+    VERSION,
+    PROTOCOL,
+    DOMAIN,
+    BACKEND_DOMAIN,
+    ASSETS_URL: `//${ASSETS_DIR}`,
+    BACKEND_URL: `${PROTOCOL}://${BACKEND_DOMAIN}`,
+  },
+};

env.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="vite/client" />
+
+interface ImportMetaEnv {
+  /** 协议 */
+  readonly VITE_APP_PROTOCOL: string;
+
+  /** 热点域名 */
+  readonly VITE_APP_HOT_DOMAIN?: string;
+
+  /** 域名 */
+  readonly VITE_APP_DOMAIN?: string;
+
+  /** API 域名 */
+  readonly VITE_APP_BACKEND_DOMAIN: string;
+  readonly VITE_APP_BACKEND_URL: string;
+
+  /** 页面标题 */
+  readonly VITE_APP_TITLE?: string;
+
+  /** 场景值 */
+  readonly VITE_APP_SCENE?: string;
+}

hotspot.html

@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="">
+  <head>
+    <meta charset="utf-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui"
+    />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+    <link
+      rel="icon"
+      href="<%= BASE_URL %>favicon/favicon<%= !!process.env.VITE_APP_SCENE ? '-' + process.env.VITE_APP_SCENE : '' %>.ico"
+    />
+    <title><%= VITE_APP_TITLE %></title>
+    <meta name="description" content="四维时代" />
+    <meta property="og:title" content="四维时代" />
+    <meta property="og:description" content="四维时代" />
+    <meta property="og:image:type" content="image/jpg" />
+  </head>
+  <body>
+    <noscript>
+      <strong
+        >We're sorry but <%= VITE_APP_TITLE %> doesn't work properly without JavaScript enabled.
+        Please enable it to continue.</strong
+      >
+    </noscript>
+    <div id="app"></div>
+    <script type="module" src="src/hotspot/main.ts"></script>
+  </body>
+</html>

index.html

@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="">
+  <head>
+    <meta charset="utf-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui"
+    />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+    <link
+      rel="icon"
+      href="/favicon/favicon<%= !!process.env.VITE_APP_SCENE ? '-' + process.env.VITE_APP_SCENE : '' %>.ico"
+    />
+    <title><%= VITE_APP_TITLE %></title>
+    <meta name="description" content="四维时代" />
+    <meta property="og:title" content="四维时代" />
+    <meta property="og:description" content="四维时代" />
+    <meta property="og:image:type" content="image/jpg" />
+  </head>
+  <body>
+    <noscript>
+      <strong
+        >We're sorry but <%= VITE_APP_TITLE %> doesn't work properly without JavaScript enabled.
+        Please enable it to continue.</strong
+      >
+    </noscript>
+    <div id="app"></div>
+    <script type="module" src="/src/index/main.ts"></script>
+    <script src="/js/lib/jquery-2.1.1.min.js"></script>
+    <script src="/js/lib/OBJLoader.js"></script>
+  </body>
+</html>

package.json

@@ -0,0 +1,52 @@
+{
+  "name": "vite-scene-web",
+  "version": "1.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "serve": "cross-env VITE_APP_TITLE=大理洱海科普馆 VITE_APP_HOT_DOMAIN=.\/hotspot.html vite",
+    "build:test": "cross-env VITE_APP_TITLE=大理洱海科普馆 run-p type-check \"build-only {@}\" --",
+    "push:test": "cross-env node ./scripts/publish.js",
+
+    "serve:zgrs": "cross-env VITE_APP_SCENE=zgrs VITE_APP_TITLE=光大汇晨养老 VITE_APP_HOT_DOMAIN=.\/hotspot.html vite",
+    "build:zgrs:test": "cross-env VITE_APP_SCENE=zgrs VITE_APP_TITLE=光大汇晨养老 VITE_APP_HOT_DOMAIN=.\/hotspot.html run-p type-check \"build-only {@}\" --",
+    "push:zgrs": "cross-env VITE_APP_SCENE=zgrs node ./scripts/publish.js",
+
+    "serve:syjy": "cross-env VITE_APP_SCENE=syjy VITE_APP_TITLE=中国民族博物馆-三亚家园线上展厅 VITE_APP_HOT_DOMAIN=.\/hotspot.html vite",
+    "build:syjy:test": "cross-env VITE_APP_SCENE=syjy VITE_APP_TITLE=中国民族博物馆-三亚家园线上展厅 VITE_APP_HOT_DOMAIN=.\/hotspot.html run-p type-check \"build-only {@}\" --",
+    "push:syjy": "cross-env VITE_APP_SCENE=syjy node ./scripts/publish.js",
+
+    "preview": "vite preview",
+    "build-only": "vite build",
+    "type-check": "vue-tsc --build --force"
+  },
+  "dependencies": {
+    "axios": "^1.7.8",
+    "clipboard": "^2.0.11",
+    "element-plus": "^2.8.8",
+    "lodash": "^4.17.21",
+    "pinia": "^2.2.6",
+    "query-string": "^9.1.1",
+    "swiper": "^11.1.15",
+    "vue": "^3.5.12",
+    "vue-qrcode": "^2.2.2",
+    "vue-router": "^4.4.5"
+  },
+  "devDependencies": {
+    "@tsconfig/node22": "^22.0.0",
+    "@types/node": "^22.9.0",
+    "@vitejs/plugin-vue": "^5.1.4",
+    "@vitejs/plugin-vue-jsx": "^4.0.1",
+    "@vue/tsconfig": "^0.5.1",
+    "cross-env": "^7.0.3",
+    "npm-run-all2": "^7.0.1",
+    "sass": "^1.81.0",
+    "typescript": "~5.6.3",
+    "unplugin-auto-import": "^0.18.5",
+    "unplugin-vue-components": "^0.27.4",
+    "vite": "^5.4.10",
+    "vite-plugin-html": "^3.2.2",
+    "vite-plugin-vue-devtools": "^7.5.4",
+    "vue-tsc": "^2.1.10"
+  }
+}

public/images/doll_label_corner.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="6px" height="6px" viewBox="0 0 6 6" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map_corner  </title>
+    <g id="页面-1" stroke="none" stroke-width="3" fill="none" fill-rule="evenodd">
+        <g id="展示界面-三维" transform="translate(-56.000000, -270.000000)" fill="#FFFFFF" fill-rule="nonzero">
+            <g id="编组-15" transform="translate(31.000000, 270.000000)">
+                <g id="形状结合-+-形状结合-蒙版" transform="translate(25.000000, 0.000000)">
+                    <path d="M6,6 L5,6 L5,2.705 L3.301,1 L0,1 L0,0 L3.71522641,0 L6,2.29344795 L6,6 Z" id="map_corner--" transform="translate(3.000000, 3.000000) scale(-1, 1) translate(-3.000000, -3.000000) "></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>