添加 .gitea/workflows/prod_build_schedule.yaml

- Implemented FillLayerBackgroundCommand to fill the background of layers with a specified color.
- Introduced BackgroundFillManager to manage background fill operations.
- Updated LayerManager to include fillLayerBackground method.
- Enhanced LayersPanel with a color picker for filling layer backgrounds.
- Modified RasterizeLayerCommand to reflect changes in terminology and functionality.
- Adjusted LayerSort to ensure filled layers are rendered at the correct z-index.
- Updated relevant utility functions and components to support new fill feature.

.env

@@ -1,4 +1,4 @@
-# NODE_ENV = 'production'
-NODE_ENV = 'development'
-# VUE_APP_BASE_URL = 'http://18.167.251.121:10086'
-VUE_APP_BASE_URL = 'https://www.api.aida.com.hk'
+VITE_USER_NODE_ENV = 'production'
+# VITE_USER_NODE_ENV = 'development'
+VITE_APP_BASE_URL = 'http://18.167.251.121:10086'
+VITE_APP_BASE_URL = 'https://www.api.aida.com.hk'

.env.dev

@@ -1,11 +1,11 @@
-NODE_ENV = 'development'
-# VUE_APP_BASE_URL = 'https://develop.api.aida.com.hk'
-# VUE_APP_BASE_URL = 'https://api.aida.com.hk'
+VITE_USER_NODE_ENV = 'development'
+# VITE_APP_BASE_URL = 'https://develop.api.aida.com.hk'
+# VITE_APP_BASE_URL = 'https://api.aida.com.hk'
 
-# VUE_APP_BASE_URL = 'http://18.167.251.121:10086'
-VUE_APP_BASE_URL = 'https://develop.api.aida.com.hk'
-# VUE_APP_BASE_URL = 'https://www.api.aida.com.hk'
+# VITE_APP_BASE_URL = 'http://18.167.251.121:10086'
+VITE_APP_BASE_URL = 'https://develop.api.aida.com.hk'
+# VITE_APP_BASE_URL = 'https://www.api.aida.com.hk'
 # 徐佩
-# VUE_APP_BASE_URL = 'http://192.168.31.118:5567'
+# VITE_APP_BASE_URL = 'http://192.168.31.118:5567'
 # 海波
-# VUE_APP_BASE_URL = 'http://192.168.31.34:5567'
+# VITE_APP_BASE_URL = 'http://192.168.31.34:5567'

.env.dev_build

@@ -1,7 +1,8 @@
-NODE_ENV = 'production'
-# VUE_APP_BASE_URL = 'https://aida.com.hk/test'
-# VUE_APP_BASE_URL = 'http://18.167.251.121:10088'
-# VUE_APP_BASE_URL = 'https://api.aida.com.hk'
-VUE_APP_BASE_URL = 'https://develop.api.aida.com.hk'
+VITE_USER_NODE_ENV = 'production'
+# VITE_APP_BASE_URL = 'https://aida.com.hk/test'
+# VITE_APP_BASE_URL = 'http://18.167.251.121:10088'
+# VITE_APP_BASE_URL = 'https://api.aida.com.hk'
+VITE_APP_BASE_URL = 'https://develop.api.aida.com.hk'
 
+# VITE_APP_BASE_URL = 'http://localhost:22170'
 

.env.production

@@ -1,4 +1,4 @@
-NODE_ENV = 'production'
-# VUE_APP_BASE_URL = 'http://18.167.251.121:10086'
-# VUE_APP_BASE_URL = 'https://polyu.api.aida.com.hk'
-VUE_APP_BASE_URL = 'https://www.api.aida.com.hk'
+VITE_USER_NODE_ENV = 'production'
+# VITE_APP_BASE_URL = 'http://18.167.251.121:10086'
+# VITE_APP_BASE_URL = 'https://polyu.api.aida.com.hk'
+VITE_APP_BASE_URL = 'https://www.api.aida.com.hk'

.env.test

@@ -1,7 +1,13 @@
+<<<<<<< HEAD
+VITE_USER_NODE_ENV = 'development'
+VITE_APP_BASE_URL = 'https://test.api.aida.com.hk'
+# VITE_APP_BASE_URL = 'https://api.aida.com.hk'
+=======
 NODE_ENV = 'development'
-VUE_APP_BASE_URL = 'https://test.api.aida.com.hk'
 # VUE_APP_BASE_URL = 'https://api.aida.com.hk'
+VUE_APP_BASE_URL = 'https://test.api.aida.com.hk'
+>>>>>>> 5d8304ce3ece21dd3200ffffb0c76e3ef55dd213
 
-# VUE_APP_BASE_URL = 'http://18.167.251.121:10086'
-# VUE_APP_BASE_URL = 'http://192.168.1.9:5567'
-# VUE_APP_BASE_URL = 'http://192.168.1.6:7766'
+# VITE_APP_BASE_URL = 'http://18.167.251.121:10086'
+# VITE_APP_BASE_URL = 'http://192.168.1.9:5567'
+# VITE_APP_BASE_URL = 'http://192.168.1.6:7766'

.env.test_build

@@ -1,7 +1,7 @@
-NODE_ENV = 'production'
-# VUE_APP_BASE_URL = 'https://aida.com.hk/test'
-# VUE_APP_BASE_URL = 'http://18.167.251.121:10088'
-# VUE_APP_BASE_URL = 'https://api.aida.com.hk'
-# VUE_APP_BASE_URL = 'https://test.api.aida.com.hk'
-VUE_APP_BASE_URL = 'https://develop.api.aida.com.hk'
+VITE_USER_NODE_ENV = 'production'
+# VITE_APP_BASE_URL = 'https://aida.com.hk/test'
+# VITE_APP_BASE_URL = 'http://18.167.251.121:10088'
+# VITE_APP_BASE_URL = 'https://api.aida.com.hk'
+# VITE_APP_BASE_URL = 'https://test.api.aida.com.hk'
+VITE_APP_BASE_URL = 'https://develop.api.aida.com.hk'
 

.eslintrc-auto-import.json

@@ -0,0 +1,94 @@
+{
+  "globals": {
+    "Component": true,
+    "ComponentPublicInstance": true,
+    "ComputedRef": true,
+    "DirectiveBinding": true,
+    "EffectScope": true,
+    "ExtractDefaultPropTypes": true,
+    "ExtractPropTypes": true,
+    "ExtractPublicPropTypes": true,
+    "InjectionKey": true,
+    "MaybeRef": true,
+    "MaybeRefOrGetter": true,
+    "PropType": true,
+    "Ref": true,
+    "Slot": true,
+    "Slots": true,
+    "VNode": true,
+    "WritableComputedRef": true,
+    "cloneDeep": true,
+    "cloneDeepWith": true,
+    "computed": true,
+    "createApp": true,
+    "customRef": true,
+    "debounce": true,
+    "defineAsyncComponent": true,
+    "defineComponent": true,
+    "effectScope": true,
+    "getCurrentInstance": true,
+    "getCurrentScope": true,
+    "h": true,
+    "inject": true,
+    "isArray": true,
+    "isBoolean": true,
+    "isDate": true,
+    "isFunction": true,
+    "isNaN": true,
+    "isNull": true,
+    "isNumber": true,
+    "isObject": true,
+    "isProxy": true,
+    "isReactive": true,
+    "isReadonly": true,
+    "isRef": true,
+    "isString": true,
+    "isUndefined": true,
+    "markRaw": true,
+    "nextTick": true,
+    "onActivated": true,
+    "onBeforeMount": true,
+    "onBeforeRouteLeave": true,
+    "onBeforeRouteUpdate": true,
+    "onBeforeUnmount": true,
+    "onBeforeUpdate": true,
+    "onDeactivated": true,
+    "onErrorCaptured": true,
+    "onMounted": true,
+    "onRenderTracked": true,
+    "onRenderTriggered": true,
+    "onScopeDispose": true,
+    "onServerPrefetch": true,
+    "onUnmounted": true,
+    "onUpdated": true,
+    "onWatcherCleanup": true,
+    "provide": true,
+    "reactive": true,
+    "readonly": true,
+    "ref": true,
+    "resolveComponent": true,
+    "shallowReactive": true,
+    "shallowReadonly": true,
+    "shallowRef": true,
+    "toRaw": true,
+    "toRef": true,
+    "toRefs": true,
+    "toValue": true,
+    "triggerRef": true,
+    "unref": true,
+    "useAttrs": true,
+    "useCssModule": true,
+    "useCssVars": true,
+    "useId": true,
+    "useLink": true,
+    "useModel": true,
+    "useRoute": true,
+    "useRouter": true,
+    "useSlots": true,
+    "useTemplateRef": true,
+    "watch": true,
+    "watchEffect": true,
+    "watchPostEffect": true,
+    "watchSyncEffect": true
+  }
+}

.eslintrc.js

@@ -1,72 +1,66 @@
 module.exports = {
-    root: true, // 停止在父级目录中寻找
-    env: {
-      es6: true, // 启用 ES6 语法支持以及新的 ES6 全局变量或类型
-      node: true, // Node.js 全局变量和 Node.js 作用域
-    },
-    extends: ['plugin:vue/essential'],
-    rules: {
-      'no-alert': 0, // 禁止使用alert confirm prompt
-      'no-console': 0, // 禁止使用console
-      'no-debugger': 0, // 禁止使用debugger
-      'prefer-const': 0, // 建议使用 const 关闭
-      'no-dupe-keys': 2, // 在创建对象字面量时不允许键重复 {a:1,a:1}
-      'no-dupe-args': 2, // 函数参数不能重复
-      'no-duplicate-imports': [
-        1,
-        {
-          includeExports: true
-        }
-      ], // 不允许重复导入
-   
-      'no-duplicate-case': 2, // switch中的case标签不能重复
-      'padded-blocks': 0, // 块语句内行首行尾是否要空行
-      'space-after-keywords': [0, 'always'], // 关键字后面是否要空一格
-      'space-before-blocks': [0, 'always'], // 不以新行开始的块{前面要不要有空格
-      'space-before-function-paren': [0, 'always'], // 函数定义时括号前面要不要有空格
-      'space-in-parens': [0, 'never'], // 小括号里面要不要有空格
-      'space-infix-ops': 0, // 中缀操作符周围要不要有空格
-      eqeqeq: 0, // 必须使用全等
-      'no-var': 0, // 禁用var，用let和const代替
-      'no-inline-comments': 0, // 禁止行内备注
-      indent: 0,
-      'vue/script-indent': 0,
-      'vue/require-prop-type-constructor': 0,
-      'vue/no-use-v-if-with-v-for': 0,
-      'no-trailing-spaces': 0, // 一行结束后面不要有空格
-      'no-multiple-empty-lines': 0, // [1, {"max": 2}],空行最多不能超过2行
-      'no-extra-boolean-cast': 0, // 禁止不必要的bool转换
-      'valid-jsdoc': 0,
-      'one-var': 0, // 连续声明
-      semi: 0, // 语句强制分号结尾
-      'semi-spacing': [0, { before: false, after: true }], // 分号前后空格
-      'no-new': 0, // 禁止在使用new构造一个实例后不赋值
-      'no-extra-semi': 0, // 禁止多余的冒号
-      'keyword-spacing': 0,
-      'arrow-parens': 0, // 箭头函数用小括号括起来 - 关闭
-      'generator-star-spacing': 0, // 生成器函数*的前后空格
-      'no-mixed-operators': 0,
-      'eol-last': 0, // 文件以单一的换行符结束 - 关闭
-      'object-curly-spacing': 0, // 大括号内是否允许不必要的空格
-      'no-callback-literal': 0,
-      'multiline-ternary': 0,
-      'no-self-assign':'off',
-      'vue/multi-word-component-names': "off",
-      "vue/no-v-model-argument":  "off",
-    },
-    plugins:[
-        'vue'
-    ],
-    parserOptions: {
-      parser: 'babel-eslint',
-      "requireConfigFile": false,
-    },
-    overrides: [
+  root: true,
+  env: {
+    se6: true,
+    node: true,
+  },
+  extends: ["plugin:vue/essential"],
+  rules: {
+    "no-alert": 0, // 禁止使用alert confirm prompt
+    "no-console": 0, // 禁止使用console
+    "no-debugger": 0, // 禁止使用debugger
+    "prefer-const": 0, // 建议使用 const 关闭
+    "no-dupe-keys": 2, // 在创建对象字面量时不允许键重复 {a:1,a:1}
+    "no-dupe-args": 2, // 函数参数不能重复
+    "no-duplicate-imports": [
+      1,
       {
-        files: ['**/__tests__/*.{j,t}s?(x)', '**/tests/unit/**/*.spec.{j,t}s?(x)'],
-        env: {
-          jest: true
-        }
+        includeExports: true,
+      },
+    ], // 不允许重复导入
+
+    "no-duplicate-case": 2, // switch中的case标签不能重复
+    "padded-blocks": 0, // 块语句内行首行尾是否要空行
+    "space-after-keywords": [0, "always"], // 关键字后面是否要空一格
+    "space-before-blocks": [0, "always"], // 不以新行开始的块{前面要不要有空格
+    "space-before-function-paren": [0, "always"], // 函数定义时括号前面要不要有空格
+    "space-in-parens": [0, "never"], // 小括号里面要不要有空格
+    "space-infix-ops": 0, // 中缀操作符周围要不要有空格
+    eqeqeq: 0, // 必须使用全等
+    "no-var": 0, // 禁用var，用let和const代替
+    "no-inline-comments": 0, // 禁止行内备注
+    indent: 0,
+    "vue/script-indent": 0,
+    "vue/require-prop-type-constructor": 0,
+    "vue/no-use-v-if-with-v-for": 0,
+    "no-trailing-spaces": 0, // 一行结束后面不要有空格
+    "no-multiple-empty-lines": 0, // [1, {"max": 2}],空行最多不能超过2行
+    "no-extra-boolean-cast": 0, // 禁止不必要的bool转换
+    "valid-jsdoc": 0,
+    "one-var": 0, // 连续声明
+    semi: 0, // 语句强制分号结尾
+    "semi-spacing": [0, { before: false, after: true }], // 分号前后空格
+    "no-new": 0, // 禁止在使用new构造一个实例后不赋值
+    "no-extra-semi": 0, // 禁止多余的冒号
+    "keyword-spacing": 0,
+    "arrow-parens": 0, // 箭头函数用小括号括起来 - 关闭
+    "generator-star-spacing": 0, // 生成器函数*的前后空格
+    "no-mixed-operators": 0,
+    "eol-last": 0, // 文件以单一的换行符结束 - 关闭
+    "object-curly-spacing": 0, // 大括号内是否允许不必要的空格
+    "no-callback-literal": 0,
+    "multiline-ternary": 0,
+    "no-self-assign": "off",
+    "vue/multi-word-component-names": "off",
+    "vue/no-v-model-argument": "off",
+  },
+  plugins:['vue'],
+  overrides: [
+    {
+      files: ['**/__tests__/*.{j,t}s?(x)', '**/tests/unit/**/*.spec.{j,t}s?(x)'],
+      env: {
+        jest: true
       }
-    ]
-  };
+    }
+  ]
+};

.gitea/workflows/develop_build.yaml

@@ -0,0 +1,56 @@
+name: AiDA WEB-Node.js Develop 分支构建部署123
+on:
+  workflow_dispatch:
+
+  push:
+    branches:
+      - dev_vite
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    if: "contains(github.event.head_commit.message, '[run build]')"
+
+    strategy:
+      matrix:
+        node-version: [ 18.18.0 ]
+
+    env:
+      REMOTE_DEPLOY_PATH: /workspace/workspace_aida/DevelopVersion/develop-aida-web-front
+
+    steps:
+      - name: 1.检出代码
+        uses: actions/checkout@v4
+
+      - name: 2.设置 Node.js 环境
+        uses: actions/setup-node@v6
+        with:
+          node-version: ${{ matrix.node-version }}
+      - run: npm install
+      - run: npm run build:dev
+      - run: ls -l
+
+      - name: 3.同步文件到远程服务器
+        uses: appleboy/scp-action@v0.1.7
+        with:
+          host: ${{ secrets.SERVER_HOST }}
+          username: ${{ secrets.SERVER_USER }}
+          key: ${{ secrets.SSH_KEY }}
+          source: "./dist/*"
+          target: ${{ env.REMOTE_DEPLOY_PATH }}
+          ssh_options: "-o StrictHostKeyChecking=no -o UserKnownHostsFile=/dev/null"
+          strip_components: 0
+
+      - name: 4. 远程重载 Nginx 配置
+        uses: appleboy/ssh-action@v1.0.3
+        with:
+          host: ${{ secrets.SERVER_HOST }}
+          username: ${{ secrets.SERVER_USER }}
+          key: ${{ secrets.SSH_KEY }}
+          # 核心：执行 Nginx 重载命令
+          script: |
+            echo "尝试重载 Nginx 服务..."
+            # 💡 注意：执行此命令需要服务器用户具有 sudo 权限，并且配置了 NOPASSWD。
+            # 否则工作流可能会因为权限不足而失败。
+            sudo systemctl reload nginx
+            echo "Nginx 重载命令已发送。"

.gitea/workflows/develop_build_manual.yaml

@@ -0,0 +1,50 @@
+name: 手动触发 AiDA WEB-Node.js Develop 分支构建部署
+on:
+  workflow_dispatch:
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [ 18.18.0 ]
+    env:
+      REMOTE_DEPLOY_PATH: /workspace/workspace_aida/DevelopVersion/develop-aida-web-front
+
+    steps:
+      - name: 1.检出代码
+        uses: actions/checkout@v4
+
+      - name: 2.设置 Node.js 环境
+        uses: actions/setup-node@v6
+        with:
+          node-version: ${{ matrix.node-version }}
+      - run: npm install
+      - run: npm run build:dev
+      - run: ls -l
+
+      - name: 3.同步文件到远程服务器
+        uses: appleboy/scp-action@v0.1.7
+        with:
+          host: ${{ secrets.SERVER_HOST }}
+          username: ${{ secrets.SERVER_USER }}
+          key: ${{ secrets.SSH_KEY }}
+          source: "./dist/*"
+          target: ${{ env.REMOTE_DEPLOY_PATH }}
+          ssh_options: "-o StrictHostKeyChecking=no -o UserKnownHostsFile=/dev/null"
+          strip_components: 0
+
+      - name: 4. 远程重载 Nginx 配置
+        uses: appleboy/ssh-action@v1.0.3
+        with:
+          host: ${{ secrets.SERVER_HOST }}
+          username: ${{ secrets.SERVER_USER }}
+          key: ${{ secrets.SSH_KEY }}
+          # 核心：执行 Nginx 重载命令
+          script: |
+            echo "尝试重载 Nginx 服务..."
+            # 💡 注意：执行此命令需要服务器用户具有 sudo 权限，并且配置了 NOPASSWD。
+            # 否则工作流可能会因为权限不足而失败。
+            sudo systemctl reload nginx
+            echo "Nginx 重载命令已发送。"

.gitea/workflows/prod_build_manual.yaml

@@ -0,0 +1,53 @@
+name: AiDA WEB-Node.js StableVersion 分支构建部署
+on:
+  workflow_dispatch:
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [ 18.18.0 ]
+
+    steps:
+      - name: 1.检出代码
+        uses: actions/checkout@v4
+        with:
+          ref: StableVersion
+
+      - name: 2.打印当前分支信息
+        run: |
+          echo "Current branch being deployed is: $(git rev-parse --abbrev-ref HEAD)"
+          echo "The code is from the 'main' branch, as specified in 'actions/checkout'."
+
+      - name: 3.设置 Node.js 环境 ${{ matrix.node-version }}
+        uses: actions/setup-node@v6
+        with:
+          node-version: ${{ matrix.node-version }}
+      - run: npm install
+      - run: npm run build
+      - run: ls -l
+
+      - name: 3.5. 手动安装 AWS CLI v2 # 新增步骤：确保 aws 命令可用
+        run: |
+          echo "安装 AWS CLI V2..."
+          curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip"
+          unzip awscliv2.zip
+          sudo ./aws/install --update
+          aws --version
+          echo "AWS CLI V2 安装完成。"
+
+      - name: 4.配置 AWS 凭证
+        uses: aws-actions/configure-aws-credentials@main
+        with:
+          aws-access-key-id: ${{ secrets.AWS_ACCESS_KEY_ID }}
+          aws-secret-access-key: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
+          aws-region: 'ap-east-1'
+
+      - name: 5.同步 dist 目录到 S3
+        run: |
+          aws s3 sync dist/* s3://${{ secrets.S3_BUCKET_NAME }}/ --acl public-read
+
+      - name: 6.部署完成
+        run: echo "构建和部署到 S3 任务完成。"

.gitea/workflows/prod_build_schedule.yaml

@@ -0,0 +1,56 @@
+name: AiDA WEB-Node.js StableVersion 分支构建部署
+on:
+  schedule:
+    #       cron为UTC时区，构建时间=部署时间-8小时 {*分 (-8)时 *日 *月  *周}  ---
+    #      示例： 1月1日22点22分触发构建 cron写作 - '22 14 1 1 *'
+    - cron: '22 14 1 1 *'
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [ 18.18.0 ]
+
+    steps:
+      - name: 1.检出代码
+        uses: actions/checkout@v4
+        with:
+          ref: StableVersion
+
+      - name: 2.打印当前分支信息
+        run: |
+          echo "Current branch being deployed is: $(git rev-parse --abbrev-ref HEAD)"
+          echo "The code is from the 'main' branch, as specified in 'actions/checkout'."
+
+      - name: 3.设置 Node.js 环境 ${{ matrix.node-version }}
+        uses: actions/setup-node@v6
+        with:
+          node-version: ${{ matrix.node-version }}
+      - run: npm install
+      - run: npm run build
+      - run: ls -l
+
+      - name: 3.5. 手动安装 AWS CLI v2 # 新增步骤：确保 aws 命令可用
+        run: |
+          echo "安装 AWS CLI V2..."
+          curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip"
+          unzip awscliv2.zip
+          sudo ./aws/install --update
+          aws --version
+          echo "AWS CLI V2 安装完成。"
+
+      - name: 4.配置 AWS 凭证
+        uses: aws-actions/configure-aws-credentials@main
+        with:
+          aws-access-key-id: ${{ secrets.AWS_ACCESS_KEY_ID }}
+          aws-secret-access-key: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
+          aws-region: 'ap-east-1'
+
+      - name: 5.同步 dist 目录到 S3
+        run: |
+          aws s3 sync dist/* s3://${{ secrets.S3_BUCKET_NAME }}/ --acl public-read
+
+      - name: 6.部署完成
+        run: echo "构建和部署到 S3 任务完成。"

.gitignore

@@ -22,3 +22,4 @@ dist.rar
 *.njsproj
 *.sln
 *.sw?
+.eslintrc-auto-import.json

babel.config.js

@@ -1,5 +0,0 @@
-module.exports = {
-  presets: [
-    '@vue/cli-plugin-babel/preset'     
-  ]
-}

components.d.ts

@@ -0,0 +1,38 @@
+/* eslint-disable */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+// biome-ignore lint: disable
+export {}
+
+/* prettier-ignore */
+declare module 'vue' {
+  export interface GlobalComponents {
+    ABadge: typeof import('ant-design-vue/es')['Badge']
+    ACheckbox: typeof import('ant-design-vue/es')['Checkbox']
+    AConfigProvider: typeof import('ant-design-vue/es')['ConfigProvider']
+    ADrawer: typeof import('ant-design-vue/es')['Drawer']
+    AImage: typeof import('ant-design-vue/es')['Image']
+    AInputNumber: typeof import('ant-design-vue/es')['InputNumber']
+    AModal: typeof import('ant-design-vue/es')['Modal']
+    APagination: typeof import('ant-design-vue/es')['Pagination']
+    APopover: typeof import('ant-design-vue/es')['Popover']
+    ARangePicker: typeof import('ant-design-vue/es')['RangePicker']
+    ASelect: typeof import('ant-design-vue/es')['Select']
+    ASelectOption: typeof import('ant-design-vue/es')['SelectOption']
+    ASlider: typeof import('ant-design-vue/es')['Slider']
+    ASpin: typeof import('ant-design-vue/es')['Spin']
+    ASwitch: typeof import('ant-design-vue/es')['Switch']
+    ATable: typeof import('ant-design-vue/es')['Table']
+    ATabPane: typeof import('ant-design-vue/es')['TabPane']
+    ATabs: typeof import('ant-design-vue/es')['Tabs']
+    AUpload: typeof import('ant-design-vue/es')['Upload']
+    ElCascader: typeof import('element-plus/es')['ElCascader']
+    ElLoading: typeof import('element-plus/es')['ElLoading']
+    ElPagination: typeof import('element-plus/es')['ElPagination']
+    ElTable: typeof import('element-plus/es')['ElTable']
+    ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+  }
+}

index.html

@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="">
+
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <!-- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> -->
+  <meta name="viewport" content="width=device-width,initial-scale=1.0">
+  <link rel="icon" href="/favicon.ico">
+  <title>AiDA</title>
+  <!-- <link href="https://fonts.font.im/css?family=Roboto:400,500,700,700i" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap" rel="stylesheet"> -->
+  <!-- 字体css -->
+
+  <!-- <link rel="stylesheet" href="/css/googleapis.css"> -->
+  <!-- <link rel="stylesheet" href="/css/roboto.css"> -->
+   
+  <link rel="stylesheet" href="/css/sloganFamily.css">
+  <link rel="stylesheet" href="/css/pingfang.css">
+</head>
+
+<body>
+  <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/color-thief/2.3.0/color-thief.umd.js"></script> -->
+  <script src="/js/color-thief.js"></script>
+  <script src="/js/aligning_guidelines.js"></script>
+  <noscript>
+    <strong>We're sorry but AiDA doesn't work properly without JavaScript enabled. Please enable it to
+      continue.</strong>
+  </noscript>
+  <div id="app"></div>
+  <script type="module" src="/src/main.ts"></script>
+</body>
+
+</html>

package.json

@@ -1,87 +1,108 @@
 {
-	"name": "aida",
-	"version": "0.1.0",
-	"private": true,
-	"scripts": {
-		"serve": "vue-cli-service serve",
-		"build": "vue-cli-service build",
-		"serve:test": "vue-cli-service serve --mode test",
-		"build:test": "vue-cli-service build --mode test_build",
-		"serve:dev": "vue-cli-service serve --mode dev",
-		"build:dev": "vue-cli-service build --mode dev_build",
-		"lint": "vue-cli-service lint"
-	},
-	"dependencies": {
-		"@ans1998/vue3-color": "^3.0.7",
-		"@flaticon/flaticon-uicons": "^2.4.0",
-		"@types/fingerprintjs2": "^2.0.0",
-		"ant-design-vue": "^3.2.12",
-		"axios": "^1.4.0",
-		"core-js": "^3.8.3",
-		"driver.js": "^1.3.1",
-		"echarts": "^5.5.1",
-		"fabric-with-all": "^5.3.1",
-		"element-plus": "^2.4.2",
-		"file-saver": "^2.0.5",
-		"fingerprintjs2": "^2.1.4",
-		"gsap": "^3.12.5",
-		"html2canvas": "^1.4.1",
-		"jszip": "^3.10.1",
-		"md5": "^2.3.0",
-		"quantize": "^1.0.2",
-		"sortablejs": "^1.15.0",
-		"swiper": "^11.1.4",
-		"three": "^0.148.0",
-		"vue": "^3.2.13",
-		"vue-class-component": "^8.0.0-0",
-		"vue-cropper": "^1.0.5",
-		"vue-draggable-plus": "^0.6.0",
-		"vue-i18n": "^9.6.1",
-		"vue-router": "^4.0.3",
-		"vuedraggable": "^4.1.0",
-		"vuex": "^4.0.0"
-	},
-	"devDependencies": {
-		"@types/three": "^0.174.0",
-		"@typescript-eslint/eslint-plugin": "^5.4.0",
-		"@typescript-eslint/parser": "^5.4.0",
-		"@vue/cli-plugin-babel": "~5.0.0",
-		"@vue/cli-plugin-eslint": "~5.0.0",
-		"@vue/cli-plugin-router": "~5.0.0",
-		"@vue/cli-plugin-typescript": "~5.0.0",
-		"@vue/cli-plugin-vuex": "~5.0.0",
-		"@vue/cli-service": "~5.0.0",
-		"@vue/eslint-config-typescript": "^9.1.0",
-		"babel-eslint": "^10.1.0",
-		"eslint": "^7.32.0",
-		"eslint-plugin-vue": "^8.0.3",
-		"less": "^4.1.3",
-		"less-loader": "^11.0.0",
-		"style-resources-loader": "^1.5.0",
-		"typescript": "~4.5.5",
-		"unplugin-element-plus": "^0.8.0",
-		"vue-cli-plugin-style-resources-loader": "^0.1.5",
-		"vue-lazyload": "^3.0.0-rc.2"
-	},
-	"eslintConfig": {
-		"root": true,
-		"env": {
-			"node": true
-		},
-		"extends": [
-			"plugin:vue/vue3-essential",
-			"eslint:recommended",
-			"@vue/typescript/recommended"
-		],
-		"parserOptions": {
-			"ecmaVersion": 2020
-		},
-		"rules": {}
-	},
-	"browserslist": [
-		"> 1%",
-		"last 2 versions",
-		"not dead",
-		"not ie 11"
-	]
-}
+  "name": "aida",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "vite",
+    "serve": "vite",
+    "build": "vite build",
+    "preview": "vite preview --port 8080 --host 0.0.0.0",
+    "serve:test": "vite --mode test",
+    "build:test": "vite build --mode test_build",
+    "serve:dev": "vite --mode dev",
+    "build:dev": "vite build --mode dev_build",
+    "lint": "eslint src --ext .js,.ts,.vue --fix"
+  },
+  "dependencies": {
+    "@ans1998/vue3-color": "^3.0.7",
+    "@flaticon/flaticon-uicons": "^2.4.0",
+    "@types/fingerprintjs2": "^2.0.0",
+    "ant-design-vue": "^3.2.12",
+    "axios": "^1.4.0",
+    "core-js": "^3.8.3",
+    "driver.js": "^1.3.1",
+    "echarts": "^5.5.1",
+    "element-plus": "^2.4.2",
+    "fabric-with-all": "^5.3.1",
+    "file-saver": "^2.0.5",
+    "fingerprintjs2": "^2.1.4",
+    "gsap": "^3.12.5",
+    "html2canvas": "^1.4.1",
+    "jszip": "^3.10.1",
+    "md5": "^2.3.0",
+    "quantize": "^1.0.2",
+    "sortablejs": "^1.15.0",
+    "swiper": "^11.1.4",
+    "three": "^0.148.0",
+    "vue": "^3.2.13",
+    "vue-class-component": "^8.0.0-0",
+    "vue-cropper": "^1.0.5",
+    "vue-draggable-plus": "^0.6.0",
+    "vue-i18n": "^9.6.1",
+    "vue-router": "^4.0.3",
+    "vuedraggable": "^4.1.0",
+    "vuex": "^4.0.0"
+  },
+  "devDependencies": {
+    "@types/three": "^0.174.0",
+    "@typescript-eslint/eslint-plugin": "^5.4.0",
+    "@typescript-eslint/parser": "^5.4.0",
+    "@vitejs/plugin-vue": "^5.2.4",
+    "@vue/eslint-config-typescript": "^9.1.0",
+    "eslint": "^7.32.0",
+    "eslint-plugin-vue": "^8.0.3",
+    "less": "^4.1.3",
+    "less-loader": "^11.0.0",
+    "typescript": "~4.5.5",
+    "unplugin-auto-import": "^19.3.0",
+    "unplugin-element-plus": "^0.8.0",
+    "unplugin-vue-components": "^28.7.0",
+    "vite": "^6.3.5",
+    "vite-plugin-svg-icons": "^2.0.1",
+    "vue-lazyload": "^3.0.0-rc.2"
+  },
+  "eslintConfig": {
+    "root": true,
+    "env": {
+      "node": true,
+      "browser": true,
+      "es2021": true
+    },
+    "extends": [
+      "plugin:vue/vue3-essential",
+      "eslint:recommended",
+      "@vue/typescript/recommended"
+    ],
+    "parser": "@typescript-eslint/parser",
+    "parserOptions": {
+      "ecmaVersion": 2020,
+      "sourceType": "module"
+    },
+    "plugins": [
+      "@typescript-eslint",
+      "vue"
+    ],
+    "rules": {
+      "@typescript-eslint/no-explicit-any": "off",
+      "@typescript-eslint/no-unused-vars": "off",
+      "vue/multi-word-component-names": "off"
+    },
+    "overrides": [
+      {
+        "files": [
+          "*.vue"
+        ],
+        "parser": "vue-eslint-parser",
+        "parserOptions": {
+          "parser": "@typescript-eslint/parser"
+        }
+      }
+    ]
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not dead",
+    "not ie 11"
+  ]
+}

public/css/googleapis.css

@@ -1,252 +0,0 @@
-/* cyrillic-ext */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url(./woff/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
-  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
-}
-/* cyrillic */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url(./woff/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
-  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
-}
-/* greek-ext */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url(./woff/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
-  unicode-range: U+1F00-1FFF;
-}
-/* greek */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url(./woff/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
-  unicode-range: U+0370-03FF;
-}
-/* vietnamese */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url(./woff/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
-  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
-}
-/* latin-ext */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url(./woff/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
-  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-/* latin */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url(./woff/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-/* cyrillic-ext */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 500;
-  font-display: swap;
-  src: url(./woff/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
-  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
-}
-/* cyrillic */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 500;
-  font-display: swap;
-  src: url(./woff/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
-  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
-}
-/* greek-ext */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 500;
-  font-display: swap;
-  src: url(./woff/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
-  unicode-range: U+1F00-1FFF;
-}
-/* greek */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 500;
-  font-display: swap;
-  src: url(./woff/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
-  unicode-range: U+0370-03FF;
-}
-/* vietnamese */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 500;
-  font-display: swap;
-  src: url(./woff/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
-  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
-}
-/* latin-ext */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 500;
-  font-display: swap;
-  src: url(./woff/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
-  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-/* latin */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 500;
-  font-display: swap;
-  src: url(./woff/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-/* cyrillic-ext */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url(./woff/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
-  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
-}
-/* cyrillic */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url(./woff/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
-  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
-}
-/* greek-ext */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url(./woff/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
-  unicode-range: U+1F00-1FFF;
-}
-/* greek */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url(./woff/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
-  unicode-range: U+0370-03FF;
-}
-/* vietnamese */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url(./woff/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
-  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
-}
-/* latin-ext */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url(./woff/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
-  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-/* latin */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url(./woff/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-/* cyrillic-ext */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 900;
-  font-display: swap;
-  src: url(./woff/KFOlCnqEu92Fr1MmYUtfCRc4EsA.woff2) format('woff2');
-  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
-}
-/* cyrillic */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 900;
-  font-display: swap;
-  src: url(./woff/KFOlCnqEu92Fr1MmYUtfABc4EsA.woff2) format('woff2');
-  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
-}
-/* greek-ext */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 900;
-  font-display: swap;
-  src: url(./woff/KFOlCnqEu92Fr1MmYUtfCBc4EsA.woff2) format('woff2');
-  unicode-range: U+1F00-1FFF;
-}
-/* greek */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 900;
-  font-display: swap;
-  src: url(./woff/KFOlCnqEu92Fr1MmYUtfBxc4EsA.woff2) format('woff2');
-  unicode-range: U+0370-03FF;
-}
-/* vietnamese */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 900;
-  font-display: swap;
-  src: url(./woff/KFOlCnqEu92Fr1MmYUtfCxc4EsA.woff2) format('woff2');
-  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
-}
-/* latin-ext */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 900;
-  font-display: swap;
-  src: url(./woff/KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2) format('woff2');
-  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-/* latin */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 900;
-  font-display: swap;
-  src: url(./woff/KFOlCnqEu92Fr1MmYUtfBBc4.woff2) format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}

public/css/pingfang.css

@@ -0,0 +1,21 @@
+@font-face {
+	font-family: 'pingfang_semibold';
+	font-weight: normal;
+	src: url('pingfang/PingFang-Semibold.ttf') format('truetype');
+}
+@font-face {
+	font-family: 'pingfang_medium';
+	font-weight: normal;
+	src: url('pingfang/pingfang-medium.ttf') format('truetype');
+}
+@font-face {
+	font-family: 'pingfang_regular';
+	font-weight: normal;
+	src: url('pingfang/pingfang-regular.ttf') format('truetype');
+}
+@font-face {
+	font-family: 'satoshi_light';
+	font-weight: normal;
+	/* src: url('pingfang/Satoshi-Light.ttf'), format('truetype'); */
+	src: url('pingfang/pingfang-regular.ttf') format('truetype');
+}

public/css/roboto.css

@@ -1,230 +0,0 @@
-/* cyrillic-ext */
-@font-face {
-  font-family: 'Roboto';
-  font-style: italic;
-  font-weight: 700;
-  src: url(./woff/KFOjCnqEu92Fr1Mu51TzBic3CsTKlA.woff2) format('woff2');
-  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
-}
-/* cyrillic */
-@font-face {
-  font-family: 'Roboto';
-  font-style: italic;
-  font-weight: 700;
-  src: url(./woff/KFOjCnqEu92Fr1Mu51TzBic-CsTKlA.woff2) format('woff2');
-  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
-}
-/* greek-ext */
-@font-face {
-  font-family: 'Roboto';
-  font-style: italic;
-  font-weight: 700;
-  src: url(./woff/KFOjCnqEu92Fr1Mu51TzBic2CsTKlA.woff2) format('woff2');
-  unicode-range: U+1F00-1FFF;
-}
-/* greek */
-@font-face {
-  font-family: 'Roboto';
-  font-style: italic;
-  font-weight: 700;
-  src: url(./woff/KFOjCnqEu92Fr1Mu51TzBic5CsTKlA.woff2) format('woff2');
-  unicode-range: U+0370-03FF;
-}
-/* vietnamese */
-@font-face {
-  font-family: 'Roboto';
-  font-style: italic;
-  font-weight: 700;
-  src: url(./woff/KFOjCnqEu92Fr1Mu51TzBic1CsTKlA.woff2) format('woff2');
-  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
-}
-/* latin-ext */
-@font-face {
-  font-family: 'Roboto';
-  font-style: italic;
-  font-weight: 700;
-  src: url(./woff/KFOjCnqEu92Fr1Mu51TzBic0CsTKlA.woff2) format('woff2');
-  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-/* latin */
-@font-face {
-  font-family: 'Roboto';
-  font-style: italic;
-  font-weight: 700;
-  src: url(./woff/KFOjCnqEu92Fr1Mu51TzBic6CsQ.woff2) format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-/* cyrillic-ext */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 400;
-  src: url(./woff/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
-  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
-}
-/* cyrillic */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 400;
-  src: url(./woff/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
-  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
-}
-/* greek-ext */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 400;
-  src: url(./woff/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
-  unicode-range: U+1F00-1FFF;
-}
-/* greek */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 400;
-  src: url(./woff/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
-  unicode-range: U+0370-03FF;
-}
-/* vietnamese */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 400;
-  src: url(./woff/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
-  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
-}
-/* latin-ext */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 400;
-  src: url(./woff/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
-  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-/* latin */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 400;
-  src: url(./woff/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-/* cyrillic-ext */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 500;
-  src: url(./woff/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
-  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
-}
-/* cyrillic */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 500;
-  src: url(./woff/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
-  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
-}
-/* greek-ext */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 500;
-  src: url(./woff/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
-  unicode-range: U+1F00-1FFF;
-}
-/* greek */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 500;
-  src: url(./woff/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
-  unicode-range: U+0370-03FF;
-}
-/* vietnamese */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 500;
-  src: url(./woff/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
-  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
-}
-/* latin-ext */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 500;
-  src: url(./woff/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
-  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-/* latin */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 500;
-  src: url(./woff/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-/* cyrillic-ext */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 700;
-  src: url(./woff/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
-  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
-}
-/* cyrillic */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 700;
-  src: url(./woff/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
-  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
-}
-/* greek-ext */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 700;
-  src: url(./woff/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
-  unicode-range: U+1F00-1FFF;
-}
-/* greek */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 700;
-  src: url(./woff/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
-  unicode-range: U+0370-03FF;
-}
-/* vietnamese */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 700;
-  src: url(./woff/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
-  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
-}
-/* latin-ext */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 700;
-  src: url(./woff/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
-  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-/* latin */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 700;
-  src: url(./woff/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-@font-face {
-	font-family: 'pixel';
-	font-style: normal;
-	font-weight: 500;
-	src: url('woff/pixel.ttf') format('truetype');
-  }

public/css/sloganFamily.css

@@ -38,19 +38,25 @@
 	font-family: 'CN_slogan_art1';
 	font-weight: normal;
 	src: url('slogan/CN_LongCang-Regular.ttf') format('truetype');
+	/* src: url('https://s3.ap-east-1.amazonaws.com/aida-produce-v3.0/fonts/CN_LongCang-Regular.ttf') format('truetype'); */
+
 }
 @font-face {
 	font-family: 'CN_slogan_art2';
 	font-weight: normal;
 	src: url('slogan/CN_ZCOOLQingKeHuangYou-Regular.ttf') format('truetype');
+	/* src: url('https://s3.ap-east-1.amazonaws.com/aida-produce-v3.0/fonts/CN_ZCOOLQingKeHuangYou-Regular.ttf') format('truetype'); */
+
 }
 @font-face {
 	font-family: 'CN_slogan_art3';
 	font-weight: normal;
 	src: url('slogan/CN_ZCOOLXiaoWei-Regular.ttf') format('truetype');
+	/* src: url('https://s3.ap-east-1.amazonaws.com/aida-produce-v3.0/fonts/CN_ZCOOLXiaoWei-Regular.ttf') format('truetype'); */
 }
 @font-face {
 	font-family: 'CN_slogan_art4';
 	font-weight: normal;
 	src: url('slogan/CN_ZhiMangXing-Regular.ttf') format('truetype');
+	/* src: url('https://s3.ap-east-1.amazonaws.com/aida-produce-v3.0/fonts/CN_ZhiMangXing-Regular.ttf') format('truetype'); */
 }

public/index.html

@@ -1,27 +0,0 @@
-<!DOCTYPE html>
-<html lang="">
-  <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<!-- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> -->
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title>AiDA</title>
-    <!-- <link href="https://fonts.font.im/css?family=Roboto:400,500,700,700i" rel="stylesheet">
-    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap" rel="stylesheet"> -->
-<!-- 字体css -->
-	<link rel="stylesheet" href="/css/googleapis.css">
-	<link rel="stylesheet" href="/css/roboto.css">
-	<link rel="stylesheet" href="/css/sloganFamily.css">
-  </head>
-  <body>
-    <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/color-thief/2.3.0/color-thief.umd.js"></script> -->
-	<script src="/js/color-thief.js"></script>
-	<script src="/js/aligning_guidelines.js"></script>
-    <noscript>
-      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
-    </noscript>
-    <div id="app"></div>
-    <!-- built files will be auto injected -->
-  </body>
-</html>

src/App.vue

@@ -2,11 +2,32 @@
   <router-view/>
 </template>
 
-<style>
+<style lang="less">
 #app {
   font-family: Avenir, Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   height: 100%;
 }
+
+.ipad{
+	*{
+		-webkit-touch-callout:none;
+		-khtml-user-select:none;
+		-webkit-user-select:none;
+		-moz-user-select:none;
+		-ms-user-select: none;
+		user-select:none;
+
+		touch-action: pan-x pan-y; /* 允许单指平移（滚动）但禁用捏合缩放 */
+		input,textarea{
+			-webkit-touch-callout:default;
+			-khtml-user-select:auto;
+			-webkit-user-select:auto;
+			-moz-user-select:auto;
+			-ms-user-select: auto;
+			user-select:auto;
+		}
+	}
+}
 </style>

src/assets/icons/CBottom.svg

@@ -1 +1 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1750089605497" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="22868" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M185.396221 1024a49.219161 49.219161 0 0 1 0-98.462134h630.08622a49.219161 49.219161 0 0 1 0 98.462134z m273.146103-175.898375L141.772852 518.402301a49.147725 49.147725 0 1 1 70.84035-68.149608l232.689715 242.000161a0.142871 0.142871 0 0 0 0.142872-0.142871V50.332128a49.83827 49.83827 0 0 1 52.409953-50.243072 49.195349 49.195349 0 0 1 46.242675 49.100102v641.111122c0 0.142871 0 0.309554 0.142872 0.142871l232.713527-241.976349a49.147725 49.147725 0 1 1 70.84035 68.149608L529.382674 848.101625a48.981042 48.981042 0 0 1-70.84035 0z" fill="#040000" p-id="22869"></path></svg>
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1750089605497" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="22868" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M185.396221 1024a49.219161 49.219161 0 0 1 0-98.462134h630.08622a49.219161 49.219161 0 0 1 0 98.462134z m273.146103-175.898375L141.772852 518.402301a49.147725 49.147725 0 1 1 70.84035-68.149608l232.689715 242.000161a0.142871 0.142871 0 0 0 0.142872-0.142871V50.332128a49.83827 49.83827 0 0 1 52.409953-50.243072 49.195349 49.195349 0 0 1 46.242675 49.100102v641.111122c0 0.142871 0 0.309554 0.142872 0.142871l232.713527-241.976349a49.147725 49.147725 0 1 1 70.84035 68.149608L529.382674 848.101625a48.981042 48.981042 0 0 1-70.84035 0z" p-id="22869"></path></svg>

src/assets/icons/CCut.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1750841444538" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2373" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M413.416 284.528H456v34.832h-42.584zM299.744 284.528h63v34.832h-63zM186.992 319.36h62.088v-34.832h-70.168a25.168 25.168 0 0 0-25.168 25.176v46.328h33.248V319.36zM153.744 406.696h33.248v78.368h-33.248zM153.744 664.784h33.248v78.368h-33.248zM312.776 828.696h78.36v34.832h-78.36zM441.808 828.696h78.376v34.832h-78.376zM570.856 828.696h78.36v34.832h-78.36zM775 687.864h33.248v63h-33.248zM775 600.696h33.248v36.504h-33.248zM775 828.696h-75.112v34.832h83.184a25.144 25.144 0 0 0 25.168-25.168v-36.824h-33.248v27.16zM186.992 828.696v-34.872h-33.248v44.528a25.152 25.152 0 0 0 25.168 25.168h83.192v-34.832h-75.112zM153.744 535.744h33.248v78.368h-33.248zM376.08 515.528a44.24 44.24 0 1 0-0.008-88.48 44.24 44.24 0 0 0 0.008 88.48zM444.048 672.728L376.08 578.352 265.504 736.696h442.328l-72.536-136H495.128z" p-id="2374"></path><path d="M830.008 451.256c16.872-14.616 38.24-22.496 61.864-22.496a95.544 95.544 0 0 1 95.624 95.624c0 52.864-42.752 95.6-95.624 95.6a95.528 95.528 0 0 1-95.616-95.6c0-11.248 2.248-21.384 5.624-31.504l-75.376-66.376-172.12 127.12H520.64l175.496-154.12L520.64 245.392h33.752l172.12 127.12 75.376-66.368c-9.008-24.752-6.76-52.872 6.744-78.752 23.624-42.744 76.504-60.744 121.504-41.616 5.616 2.248 7.872 8.992 5.616 14.624-2.248 5.624-9 7.872-14.624 5.624-33.752-14.624-74.232-1.12-92.232 31.504-19.136 34.88-6.76 79.872 28.12 100.12 34.88 20.256 79.864 6.76 99-29.248 11.24-20.24 12.368-43.864 3.376-64.12-2.248-5.624 0-12.376 5.624-14.624s12.368 0 14.616 5.624c11.256 27 10.128 57.368-4.496 83.248-25.88 46.128-84.376 63-130.496 37.128-5.624-3.376-10.136-6.752-14.624-10.128l-68.632 50.624 68.624 55.104z m134.992 73.128a72.984 72.984 0 0 0-73.128-73.128c-40.504 0-73.128 32.624-73.128 73.128s32.624 73.12 73.128 73.12a72.984 72.984 0 0 0 73.128-73.12zM740.008 400.64c0-6.752-4.504-11.248-11.24-11.248-6.768 0-11.264 4.496-11.264 11.248s4.504 11.248 11.264 11.248c6.736 0 11.24-4.504 11.24-11.248z" p-id="2375"></path></svg>

src/assets/icons/CExport.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1750664320391" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5213" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M459.6 515.7c0-33.2-26.9-60.1-60.1-60.1s-60.2 26.9-60.2 60.1 26.9 60.1 60.2 60.1c33.1 0.1 60.1-26.8 60.1-60.1zM585.2 776.1c15.7-98.2 94.8-175.1 194-187.5l-10-32.5-50.8 16.9-44.1-83L532 695.4l-76.2-49.2-119.5 129.9h248.9z" fill="#040000" p-id="5214"></path><path d="M259.7 829V398c0-7.7 6.2-13.9 13.9-13.9h607.1c7.7 0 13.9 6.2 13.9 13.9v206.4c23.5 9.9 44.9 23.6 63.6 40.4V351.9c0-17.4-14.1-31.4-31.4-31.4h-134l-79.3-206.2c-6.2-16.2-24.4-24.3-40.6-18.1L20.2 347.1C4 353.4-4.1 371.6 2.1 387.8l194 504.5v0.3h401.2c-7.7-20-12.6-41.3-14.3-63.6H259.7z m400.7-660c2.1-0.3 5.5-0.2 7.3 3.8l56.8 147.6H266.6L660.4 169zM196.1 715.1L77.9 407.9c-2.7-7.1 0.8-15.2 8-17.9l110.2-42.4v367.5z" fill="#040000" p-id="5215"></path><path d="M1022.5 800L871 678.5c-2.3-1.7-5.5-0.1-5.5 2.8v75.1H670c-5.3 0-9.7 4.3-9.7 9.6v75.7c0 5.3 4.3 9.7 9.7 9.7h195.5v75.1c0 2.8 3.3 4.5 5.5 2.8l151.5-121.5c2.6-2 2.6-5.9 0-7.8z"  p-id="5216"></path></svg>