upper to timi-ts

.serena/.gitignore

@@ -0,0 +1,2 @@
+/cache
+/project.local.yml

.serena/project.yml

@@ -0,0 +1,154 @@
+# the name by which the project can be referenced within Serena
+project_name: "timi-tdesign-pc"
+
+
+# list of languages for which language servers are started; choose from:
+#   al                  bash                clojure             cpp                 csharp
+#   csharp_omnisharp    dart                elixir              elm                 erlang
+#   fortran             fsharp              go                  groovy              haskell
+#   haxe                java                julia               kotlin              lua
+#   markdown
+#   matlab              nix                 pascal              perl                php
+#   php_phpactor        powershell          python              python_jedi         r
+#   rego                ruby                ruby_solargraph     rust                scala
+#   swift               terraform           toml                typescript          typescript_vts
+#   vue                 yaml                zig
+#   (This list may be outdated. For the current list, see values of Language enum here:
+#   https://github.com/oraios/serena/blob/main/src/solidlsp/ls_config.py
+#   For some languages, there are alternative language servers, e.g. csharp_omnisharp, ruby_solargraph.)
+# Note:
+#   - For C, use cpp
+#   - For JavaScript, use typescript
+#   - For Free Pascal/Lazarus, use pascal
+# Special requirements:
+#   Some languages require additional setup/installations.
+#   See here for details: https://oraios.github.io/serena/01-about/020_programming-languages.html#language-servers
+# When using multiple languages, the first language server that supports a given file will be used for that file.
+# The first language is the default language and the respective language server will be used as a fallback.
+# Note that when using the JetBrains backend, language servers are not used and this list is correspondingly ignored.
+languages:
+- vue
+
+# the encoding used by text files in the project
+# For a list of possible encodings, see https://docs.python.org/3.11/library/codecs.html#standard-encodings
+encoding: "utf-8"
+
+# line ending convention to use when writing source files.
+# Possible values: unset (use global setting), "lf", "crlf", or "native" (platform default)
+# This does not affect Serena's own files (e.g. memories and configuration files), which always use native line endings.
+line_ending:
+
+# The language backend to use for this project.
+# If not set, the global setting from serena_config.yml is used.
+# Valid values: LSP, JetBrains
+# Note: the backend is fixed at startup. If a project with a different backend
+# is activated post-init, an error will be returned.
+language_backend:
+
+# whether to use project's .gitignore files to ignore files
+ignore_all_files_in_gitignore: true
+
+# advanced configuration option allowing to configure language server-specific options.
+# Maps the language key to the options.
+# Have a look at the docstring of the constructors of the LS implementations within solidlsp (e.g., for C# or PHP) to see which options are available.
+# No documentation on options means no options are available.
+ls_specific_settings: {}
+
+# list of additional paths to ignore in this project.
+# Same syntax as gitignore, so you can use * and **.
+# Note: global ignored_paths from serena_config.yml are also applied additively.
+ignored_paths: []
+
+# whether the project is in read-only mode
+# If set to true, all editing tools will be disabled and attempts to use them will result in an error
+# Added on 2025-04-18
+read_only: false
+
+# list of tool names to exclude.
+# This extends the existing exclusions (e.g. from the global configuration)
+#
+# Below is the complete list of tools for convenience.
+# To make sure you have the latest list of tools, and to view their descriptions, 
+# execute `uv run scripts/print_tool_overview.py`.
+#
+#  * `activate_project`: Activates a project based on the project name or path.
+#  * `check_onboarding_performed`: Checks whether project onboarding was already performed.
+#  * `create_text_file`: Creates/overwrites a file in the project directory.
+#  * `delete_memory`: Delete a memory file. Should only happen if a user asks for it explicitly,
+#       for example by saying that the information retrieved from a memory file is no longer correct
+#       or no longer relevant for the project.
+#  * `edit_memory`: Replaces content matching a regular expression in a memory.
+#  * `execute_shell_command`: Executes a shell command.
+#  * `find_file`: Finds files in the given relative paths
+#  * `find_referencing_symbols`: Finds symbols that reference the given symbol using the language server backend
+#  * `find_symbol`: Performs a global (or local) search using the language server backend.
+#  * `get_current_config`: Prints the current configuration of the agent, including the active and available projects, tools, contexts, and modes.
+#  * `get_symbols_overview`: Gets an overview of the top-level symbols defined in a given file.
+#  * `initial_instructions`: Provides instructions Serena usage (i.e. the 'Serena Instructions Manual')
+#       for clients that do not read the initial instructions when the MCP server is connected.
+#  * `insert_after_symbol`: Inserts content after the end of the definition of a given symbol.
+#  * `insert_before_symbol`: Inserts content before the beginning of the definition of a given symbol.
+#  * `list_dir`: Lists files and directories in the given directory (optionally with recursion).
+#  * `list_memories`: List available memories. Any memory can be read using the `read_memory` tool.
+#  * `onboarding`: Performs onboarding (identifying the project structure and essential tasks, e.g. for testing or building).
+#  * `read_file`: Reads a file within the project directory.
+#  * `read_memory`: Read the content of a memory file. This tool should only be used if the information
+#       is relevant to the current task. You can infer whether the information
+#       is relevant from the memory file name.
+#       You should not read the same memory file multiple times in the same conversation.
+#  * `rename_memory`: Renames or moves a memory. Moving between project and global scope is supported
+#       (e.g., renaming "global/foo" to "bar" moves it from global to project scope).
+#  * `rename_symbol`: Renames a symbol throughout the codebase using language server refactoring capabilities.
+#       For JB, we use a separate tool.
+#  * `replace_content`: Replaces content in a file (optionally using regular expressions).
+#  * `replace_symbol_body`: Replaces the full definition of a symbol using the language server backend.
+#  * `safe_delete_symbol`:
+#  * `search_for_pattern`: Performs a search for a pattern in the project.
+#  * `write_memory`: Write some information (utf-8-encoded) about this project that can be useful for future tasks to a memory in md format.
+#       The memory name should be meaningful.
+excluded_tools: []
+
+# list of tools to include that would otherwise be disabled (particularly optional tools that are disabled by default).
+# This extends the existing inclusions (e.g. from the global configuration).
+included_optional_tools: []
+
+# fixed set of tools to use as the base tool set (if non-empty), replacing Serena's default set of tools.
+# This cannot be combined with non-empty excluded_tools or included_optional_tools.
+fixed_tools: []
+
+# list of mode names to that are always to be included in the set of active modes
+# The full set of modes to be activated is base_modes + default_modes.
+# If the setting is undefined, the base_modes from the global configuration (serena_config.yml) apply.
+# Otherwise, this setting overrides the global configuration.
+# Set this to [] to disable base modes for this project.
+# Set this to a list of mode names to always include the respective modes for this project.
+base_modes:
+
+# list of mode names that are to be activated by default.
+# The full set of modes to be activated is base_modes + default_modes.
+# If the setting is undefined, the default_modes from the global configuration (serena_config.yml) apply.
+# Otherwise, this overrides the setting from the global configuration (serena_config.yml).
+# This setting can, in turn, be overridden by CLI parameters (--mode).
+default_modes:
+
+# initial prompt for the project. It will always be given to the LLM upon activating the project
+# (contrary to the memories, which are loaded on demand).
+initial_prompt: ""
+
+# time budget (seconds) per tool call for the retrieval of additional symbol information
+# such as docstrings or parameter information.
+# This overrides the corresponding setting in the global configuration; see the documentation there.
+# If null or missing, use the setting from the global configuration.
+symbol_info_budget:
+
+# list of regex patterns which, when matched, mark a memory entry as read‑only.
+# Extends the list from the global configuration, merging the two lists.
+read_only_memory_patterns: []
+
+# list of regex patterns for memories to completely ignore.
+# Matching memories will not appear in list_memories or activate_project output
+# and cannot be accessed via read_memory or write_memory.
+# To access ignored memory files, use the read_file tool on the raw file path.
+# Extends the list from the global configuration, merging the two lists.
+# Example: ["_archive/.*", "_episodes/.*"]
+ignored_memory_patterns: []

README.md

@@ -1,5 +1,34 @@
-# Vue 3 + TypeScript + Vite
+# timi-tdesign-pc
 
-This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+Vue 3 PC 端通用组件库，依赖 `timi-web` 提供基础组件和编辑器能力。
 
-Learn more about the recommended Project Setup and IDE Support in the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).
+本包不依赖 `timi-web-api`。业务项目可以只安装本包使用通用组件；需要业务接口、领域类型或用户状态时，再单独安装 `timi-web-api`。
+
+## 文章和通知组件
+
+`ArticleEditor`、`ArticleView`、`NotifyEditor`、`NotifyView` 只约束对象的最小字段。`Article`、`Attachment` 和 `NotifyDetail` 支持携带业务自定义字段，不要求对象来自 `timi-web-api`。
+
+上传和附件地址由业务项目通过回调注入：
+
+```vue
+<article-editor
+  :model-value="article"
+  :upload-image="uploadImage"
+  :upload-video="uploadVideo"
+  :resolve-attachment-url="resolveAttachmentUrl"
+  @update:model-value="article = $event"
+/>
+<article-view
+  :article="article"
+  :resolve-attachment-url="resolveAttachmentUrl"
+/>
+```
+
+通知组件使用同样的 `uploadImage`、`uploadVideo` 和 `resolveAttachmentUrl` 回调。没有附件上传需求时，可以不传上传回调。
+
+## 开发
+
+```bash
+pnpm install
+pnpm run build
+```

examples/components/ArticleShowcase.vue

@@ -54,7 +54,7 @@ import {
 	ArticleView
 } from "timi-tdesign-pc";
 import type { ArticleEditorExpose } from "timi-tdesign-pc";
-import type { Article, ArticleContentType } from "timi-web/editor";
+import type { Article, ArticleContentType } from "timi-tdesign-pc";
 import { DEMO_ARTICLE_CONTENT, cloneArticle, uploadDemoMedia } from "../demo-data";
 
 const contentTypeOptions: Array<{ label: string; value: ArticleContentType }> = [

examples/components/NotifyShowcase.vue

@@ -43,7 +43,7 @@ import {
 	NotifyView
 } from "timi-tdesign-pc";
 import type { NotifyEditorExpose } from "timi-tdesign-pc";
-import type { NotifyDetail } from "timi-web/editor";
+import type { NotifyDetail } from "timi-tdesign-pc";
 import { cloneNotify, uploadDemoMedia } from "../demo-data";
 
 const notifyValue = ref<NotifyDetail>(cloneNotify());

examples/demo-data.ts

@@ -1,4 +1,4 @@
-import type { Article, NotifyDetail, UploadResult } from "timi-web/editor";
+import type { Article, NotifyDetail, UploadResult } from "timi-tdesign-pc";
 
 /** 编辑器演示使用的固定内容，避免每个页面各自维护一份 HTML。 */
 export const DEMO_ARTICLE_CONTENT = `<h2>跨平台编辑器</h2>

examples/main.ts

@@ -3,8 +3,7 @@ import Root from "./Root.vue";
 import TimiWebUI, { VPopup } from "timi-web";
 
 import "timi-web/style.css";
-import "~/assets/style/tencent-cloud.less";
+import "~/assets/style/tdesign-custom.less";
-import "~/assets/style/tencent-cloud-custom.less";
 
 const app = createApp(Root);
 app.use(TimiWebUI);

package.json

@@ -1,9 +1,9 @@
 {
 	"name": "timi-tdesign-pc",
 	"main": "./dist/timi-tdesign-pc.umd.js",
-	"types": "./dist/src/index.d.ts",
+	"types": "./dist/timi-tdesign-pc/src/index.d.ts",
 	"module": "./dist/timi-tdesign-pc.mjs",
-	"style": "./dist/style.css",
+	"style": "./dist/timi-tdesign-pc.css",
 	"private": false,
 	"version": "0.0.1",
 	"license": "MIT",
@@ -26,7 +26,7 @@
 	],
 	"exports": {
 		".": {
-			"types": "./dist/src/index.d.ts",
+			"types": "./dist/timi-tdesign-pc/src/index.d.ts",
 			"import": "./dist/timi-tdesign-pc.mjs",
 			"require": "./dist/timi-tdesign-pc.umd.js"
 		},
@@ -37,7 +37,7 @@
 	},
 	"dependencies": {
 		"tdesign-vue-next": "^1.18.6",
-		"timi-web": "0.0.24",
+		"timi-web": "link:E:/WebProject/timi-web",
 		"vue": "^3.5.26"
 	},
 	"devDependencies": {

pnpm-lock.yaml

@@ -12,8 +12,8 @@ importers:
         specifier: ^1.18.6
         version: 1.18.6(vue@3.5.26(typescript@5.9.3))
       timi-web:
-        specifier: 0.0.24
+        specifier: link:E:/WebProject/timi-web
-        version: 0.0.24(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3))
+        version: link:../timi-web
       vue:
         specifier: ^3.5.26
         version: 3.5.26(typescript@5.9.3)
@@ -1462,15 +1462,6 @@ packages:
   '@vue/component-compiler-utils@3.3.0':
     resolution: {integrity: sha512-97sfH2mYNU+2PzGrmK2haqffDpVASuib9/w2/noxiFi31Z54hW+q3izKQXXQZSNhtiUpAI36uSuYepeBe4wpHQ==}
 
-  '@vue/devtools-api@7.7.10':
-    resolution: {integrity: sha512-KxtEpUOOpFz/qOGRrAwA36QF7DqIA+FXgCYit9mk9wjbaZt0sXOFz81ElOZtKA4HbWHUdwNjZHBFsFFyp5BZiA==}
-
-  '@vue/devtools-kit@7.7.10':
-    resolution: {integrity: sha512-3WNi2Kq4tbpVbmhml7RiphmAt0279oh3fKNeWMQIrltfX8Q91b4i5PL8DtyNKdwmcsGrV4fg+erwWOmD05CLIw==}
-
-  '@vue/devtools-shared@7.7.10':
-    resolution: {integrity: sha512-wOPslzB8vTvpxwdaOcR2qAbwmuSP0L+rhpoC6Cf56V3Jip+HWb7PQQXOUPgBNQARpXsbQX/+mvi8kKucmBGRwQ==}
-
   '@vue/eslint-config-prettier@10.2.0':
     resolution: {integrity: sha512-GL3YBLwv/+b86yHcNNfPJxOTtVFJ4Mbc9UU3zR+KVoG7SwGTjPT+32fXamscNumElhcpXW3mT0DgzS9w32S7Bw==}
     peerDependencies:
@@ -1611,10 +1602,6 @@ packages:
     resolution: {integrity: sha512-4B/qKCfeE/ODUaAUpSwfzazo5x29WD4r3vXiWsB7I2mSDAihwEqKO+g8GELZUQSSAo5e1XTYh3ZVfLyxBc12nA==}
     engines: {node: '>= 10.0.0'}
 
-  agent-base@6.0.2:
-    resolution: {integrity: sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==}
-    engines: {node: '>= 6.0.0'}
-
   ajv-draft-04@1.0.0:
     resolution: {integrity: sha512-mv00Te6nmYbRp5DCwclxtt7yV/joXJPGS7nM+97GdxvuttCOfgI3K4U25zboyeX0O+myI8ERluxQe5wljMmVIw==}
     peerDependencies:
@@ -1718,9 +1705,6 @@ packages:
   async@2.6.4:
     resolution: {integrity: sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==}
 
-  asynckit@0.4.0:
-    resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
-
   at-least-node@1.0.0:
     resolution: {integrity: sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==}
     engines: {node: '>= 4.0.0'}
@@ -1732,9 +1716,6 @@ packages:
     peerDependencies:
       postcss: ^8.1.0
 
-  axios@1.18.0:
-    resolution: {integrity: sha512-E32NzpYKp++W7XRe52rHiXV2ehxmh3wbdgO7MHeFM+vqxLBYHzt0ElkiImtOBxtOmyp0yoC8C6uESVV84Y2/hw==}
-
   babel-loader@8.4.1:
     resolution: {integrity: sha512-nXzRChX+Z1GoE6yWavBQg6jDslyFF3SDjl2paADuoQtQW10JqShJt62R6eJQ5m/pjJFDT8xgKIWSP85OY8eXeA==}
     engines: {node: '>= 8.9'}
@@ -1781,9 +1762,6 @@ packages:
     resolution: {integrity: sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==}
     engines: {node: '>=8'}
 
-  birpc@2.9.0:
-    resolution: {integrity: sha512-KrayHS5pBi69Xi9JmvoqrIgYGDkD6mcSe/i6YKi3w5kekCLzrX4+nawcXqrj2tIp50Kw/mT/s3p+GVK0A0sKxw==}
-
   bl@4.1.0:
     resolution: {integrity: sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==}
 
@@ -1937,10 +1915,6 @@ packages:
   colorette@2.0.20:
     resolution: {integrity: sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==}
 
-  combined-stream@1.0.8:
-    resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
-    engines: {node: '>= 0.8'}
-
   commander@2.20.3:
     resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
 
@@ -2169,10 +2143,6 @@ packages:
   copy-anything@2.0.6:
     resolution: {integrity: sha512-1j20GZTsvKNkc4BY3NpMOM8tt///wY3FpIzozTOFO2ffuZcV61nojHXVKIy3WM+7ADCy5FVhdZYHYDdgTU0yJw==}
 
-  copy-anything@4.1.0:
-    resolution: {integrity: sha512-ufbM3smX/Jbnpk5wcQjzd1MgBpzmqfNETUAyZNrGwU9foRlyHoGzMMBBCRzEhQLBjZfFDE1W2ufPXX2vdWkV8Q==}
-    engines: {node: '>=18'}
-
   copy-webpack-plugin@9.1.0:
     resolution: {integrity: sha512-rxnR7PaGigJzhqETHGmAcxKnLZSR5u1Y3/bcIv/1FnqXedcL/E2ewK7ZCNrArJKCiSv8yVXhTqetJh8inDvfsA==}
     engines: {node: '>= 12.13.0'}
@@ -2344,10 +2314,6 @@ packages:
     resolution: {integrity: sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==}
     engines: {node: '>= 0.4'}
 
-  delayed-stream@1.0.0:
-    resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
-    engines: {node: '>=0.4.0'}
-
   depd@1.1.2:
     resolution: {integrity: sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==}
     engines: {node: '>= 0.6'}
@@ -2472,10 +2438,6 @@ packages:
     resolution: {integrity: sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==}
     engines: {node: '>= 0.4'}
 
-  es-set-tostringtag@2.1.0:
-    resolution: {integrity: sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==}
-    engines: {node: '>= 0.4'}
-
   esbuild@0.27.2:
     resolution: {integrity: sha512-HyNQImnsOC7X9PMNaCIeAm4ISCQXs5a5YasTXVliKv4uuBo1dKrG0A+uQS8M5eXjVMnLg3WgXaKvprHlFJQffw==}
     engines: {node: '>=18'}
@@ -2715,15 +2677,6 @@ packages:
   flatted@3.3.3:
     resolution: {integrity: sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==}
 
-  follow-redirects@1.15.11:
-    resolution: {integrity: sha512-deG2P0JfjrTxl50XGCDyfI97ZGVCxIpfKYmfyrQ54n5FO/0gfIES8C/Psl6kWVDolizcaaxZJnTS0QSMxvnsBQ==}
-    engines: {node: '>=4.0'}
-    peerDependencies:
-      debug: '*'
-    peerDependenciesMeta:
-      debug:
-        optional: true
-
   follow-redirects@1.16.0:
     resolution: {integrity: sha512-y5rN/uOsadFT/JfYwhxRS5R7Qce+g3zG97+JrtFZlC9klX/W5hD7iiLzScI4nZqUS7DNUdhPgw4xI8W2LuXlUw==}
     engines: {node: '>=4.0'}
@@ -2733,10 +2686,6 @@ packages:
       debug:
         optional: true
 
-  form-data@4.0.5:
-    resolution: {integrity: sha512-8RipRLol37bNs2bhoV67fiTEvdTrbMUYcFTiy3+wuuOnUog2QBHCZWXDRijWQfAkhBj2Uf5UnVaiWwA5vdd82w==}
-    engines: {node: '>= 6'}
-
   forwarded@0.2.0:
     resolution: {integrity: sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==}
     engines: {node: '>= 0.6'}
@@ -2794,9 +2743,6 @@ packages:
     resolution: {integrity: sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==}
     engines: {node: '>=10'}
 
-  github-slugger@2.0.0:
-    resolution: {integrity: sha512-IaOQ9puYtjrkq7Y0Ygl9KDZnrf/aiUJYUpVf89y8kyaxbRG7Y1SrX/jaumrv81vc61+kiMempujsM3Yw7w5qcw==}
-
   glob-parent@5.1.2:
     resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
     engines: {node: '>= 6'}
@@ -2853,10 +2799,6 @@ packages:
     resolution: {integrity: sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==}
     engines: {node: '>= 0.4'}
 
-  has-tostringtag@1.0.2:
-    resolution: {integrity: sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==}
-    engines: {node: '>= 0.4'}
-
   hash-sum@1.0.2:
     resolution: {integrity: sha512-fUs4B4L+mlt8/XAtSOGMUO1TXmAelItBPtJG7CyHJfYTdDjwisntGO2JQz7oUsatOY9o68+57eziUVNw/mRHmA==}
 
@@ -2874,9 +2816,6 @@ packages:
   highlight.js@10.7.3:
     resolution: {integrity: sha512-tzcUFauisWKNHaRkN4Wjl/ZA07gENAjFl3J/c480dprkGTg5EQstgaNFqBfUqCq54kZRIEcreTsAgF/m2quD7A==}
 
-  hookable@5.5.3:
-    resolution: {integrity: sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==}
-
   hosted-git-info@2.8.9:
     resolution: {integrity: sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==}
 
@@ -2940,10 +2879,6 @@ packages:
     resolution: {integrity: sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==}
     engines: {node: '>=8.0.0'}
 
-  https-proxy-agent@5.0.1:
-    resolution: {integrity: sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==}
-    engines: {node: '>= 6'}
-
   human-signals@2.1.0:
     resolution: {integrity: sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==}
     engines: {node: '>=10.17.0'}
@@ -3284,26 +3219,6 @@ packages:
     resolution: {integrity: sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==}
     engines: {node: '>=8'}
 
-  marked-gfm-heading-id@4.1.4:
-    resolution: {integrity: sha512-CspnvVfHSkb/znqdPS4jUR8HtCjq3M/DnrsJCrfLBLvdrgbemmoINKpeWKQYkBiXAoBGejw0cV7xzqrPdup3WA==}
-    peerDependencies:
-      marked: '>=13 <19'
-
-  marked-highlight@2.2.4:
-    resolution: {integrity: sha512-PZxisNMJDduSjc0q6uvjsnqqHCXc9s0eyzxDO9sB1eNGJnd/H1/Fu+z6g/liC1dfJdFW4SftMwMlLvsBhUPrqQ==}
-    peerDependencies:
-      marked: '>=4 <19'
-
-  marked-mangle@1.1.13:
-    resolution: {integrity: sha512-phz1W/nYMr1T08Q7wqH2aj+PPiK85E69WQGfId+prvryfgjY/Idibx4YUvKaYMDV9rK1qo+/yC+Quu/3gdaBeA==}
-    peerDependencies:
-      marked: '>=4 <19'
-
-  marked@17.0.6:
-    resolution: {integrity: sha512-gB0gkNafnonOw0obSTEGZTT86IuhILt2Wfx0mWH/1Au83kybTayroZ/V6nS25mN7u8ASy+5fMhgB3XPNrOZdmA==}
-    engines: {node: '>= 20'}
-    hasBin: true
-
   math-intrinsics@1.1.0:
     resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
     engines: {node: '>= 0.4'}
@@ -3647,9 +3562,6 @@ packages:
   pathe@2.0.3:
     resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==}
 
-  perfect-debounce@1.0.0:
-    resolution: {integrity: sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==}
-
   picocolors@0.2.1:
     resolution: {integrity: sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==}
 
@@ -3668,15 +3580,6 @@ packages:
     resolution: {integrity: sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==}
     engines: {node: '>=6'}
 
-  pinia@3.0.4:
-    resolution: {integrity: sha512-l7pqLUFTI/+ESXn6k3nu30ZIzW5E2WZF/LaHJEpoq6ElcLD+wduZoB2kBN19du6K/4FDpPMazY2wJr+IndBtQw==}
-    peerDependencies:
-      typescript: '>=4.5.0'
-      vue: ^3.5.11
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
   pkg-dir@4.2.0:
     resolution: {integrity: sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==}
     engines: {node: '>=8'}
@@ -3926,10 +3829,6 @@ packages:
   pretty-error@4.0.0:
     resolution: {integrity: sha512-AoJ5YMAcXKYxKhuJGdcvse+Voc6v1RgnsR3nWcYU7q4t6z0Q6T86sv5Zq8VIRbOWWFpvdGE83LtdSMNd+6Y0xw==}
 
-  prismjs@1.30.0:
-    resolution: {integrity: sha512-DEvV2ZF2r2/63V+tK8hQvrR2ZGn10srHbXviTlcv7Kpzw8jWiNTqbVgjO3IY8RxrrOUF8VPMQQFysYYYv0YZxw==}
-    engines: {node: '>=6'}
-
   process-nextick-args@2.0.1:
     resolution: {integrity: sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==}
 
@@ -3943,10 +3842,6 @@ packages:
     resolution: {integrity: sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==}
     engines: {node: '>= 0.10'}
 
-  proxy-from-env@2.1.0:
-    resolution: {integrity: sha512-cJ+oHTW1VAEa8cJslgmUZrc+sjRKgAKl3Zyse6+PV38hZe/V6Z14TbCuXcan9F9ghlz4QrFr2c92TNF82UkYHA==}
-    engines: {node: '>=10'}
-
   prr@1.0.1:
     resolution: {integrity: sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==}
 
@@ -4074,9 +3969,6 @@ packages:
     resolution: {integrity: sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==}
     engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
 
-  rfdc@1.4.1:
-    resolution: {integrity: sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==}
-
   rimraf@3.0.2:
     resolution: {integrity: sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==}
     deprecated: Rimraf versions prior to v4 are no longer supported
@@ -4263,10 +4155,6 @@ packages:
     resolution: {integrity: sha512-r46gZQZQV+Kl9oItvl1JZZqJKGr+oEkB08A6BzkiR7593/7IbtuncXHd2YoYeTsG4157ZssMu9KYvUHLcjcDoA==}
     engines: {node: '>=6.0.0'}
 
-  speakingurl@14.0.1:
-    resolution: {integrity: sha512-1POYv7uv2gXoyGFpBCmpDVSNV74IfsWlDW216UPjbWufNf+bSU6GdbDsxdcxtfwb4xlI3yxzOTKClUosxARYrQ==}
-    engines: {node: '>=0.10.0'}
-
   sprintf-js@1.0.3:
     resolution: {integrity: sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==}
 
@@ -4336,10 +4224,6 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
 
-  superjson@2.2.6:
-    resolution: {integrity: sha512-H+ue8Zo4vJmV2nRjpx86P35lzwDT3nItnIsocgumgr0hHMQ+ZGq5vrERg9kJBo5AWGmxZDhzDo+WVIJqkB0cGA==}
-    engines: {node: '>=16'}
-
   supports-color@5.5.0:
     resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
     engines: {node: '>=4'}
@@ -4420,10 +4304,6 @@ packages:
   thunky@1.1.0:
     resolution: {integrity: sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==}
 
-  timi-web@0.0.24:
-    resolution: {integrity: sha512-qzcm72W9EE3BrYiUzc8a20J8xqxH17moEm/ovdijhRbIJtJUr81sslXFe2+OjNtx14meEIPJm3IfRooFzRswLg==}
-    engines: {node: '>=16.0.0'}
-
   tinycolor2@1.6.0:
     resolution: {integrity: sha512-XPaBkWQJdsf3pLKJV9p4qN/S+fm2Oj8AIPo1BTUhg5oxkvm9+SVEGFdhyOz7tTdUTfvxMiAs4sp6/eZO2Ew+pw==}
 
@@ -6610,24 +6490,6 @@ snapshots:
       - walrus
       - whiskers
 
-  '@vue/devtools-api@7.7.10':
-    dependencies:
-      '@vue/devtools-kit': 7.7.10
-
-  '@vue/devtools-kit@7.7.10':
-    dependencies:
-      '@vue/devtools-shared': 7.7.10
-      birpc: 2.9.0
-      hookable: 5.5.3
-      mitt: 3.0.1
-      perfect-debounce: 1.0.0
-      speakingurl: 14.0.1
-      superjson: 2.2.6
-
-  '@vue/devtools-shared@7.7.10':
-    dependencies:
-      rfdc: 1.4.1
-
   '@vue/eslint-config-prettier@10.2.0(@types/eslint@9.6.1)(eslint@9.39.2)(prettier@3.8.0)':
     dependencies:
       eslint: 9.39.2
@@ -6809,12 +6671,6 @@ snapshots:
 
   address@1.2.2: {}
 
-  agent-base@6.0.2:
-    dependencies:
-      debug: 4.4.3
-    transitivePeerDependencies:
-      - supports-color
-
   ajv-draft-04@1.0.0(ajv@8.13.0):
     optionalDependencies:
       ajv: 8.13.0
@@ -6907,8 +6763,6 @@ snapshots:
     dependencies:
       lodash: 4.17.21
 
-  asynckit@0.4.0: {}
-
   at-least-node@1.0.0: {}
 
   autoprefixer@10.4.20(postcss@8.5.6):
@@ -6921,16 +6775,6 @@ snapshots:
       postcss: 8.5.6
       postcss-value-parser: 4.2.0
 
-  axios@1.18.0:
-    dependencies:
-      follow-redirects: 1.16.0
-      form-data: 4.0.5
-      https-proxy-agent: 5.0.1
-      proxy-from-env: 2.1.0
-    transitivePeerDependencies:
-      - debug
-      - supports-color
-
   babel-loader@8.4.1(@babel/core@7.26.9)(webpack@5.98.0):
     dependencies:
       '@babel/core': 7.26.9
@@ -6986,8 +6830,6 @@ snapshots:
 
   binary-extensions@2.3.0: {}
 
-  birpc@2.9.0: {}
-
   bl@4.1.0:
     dependencies:
       buffer: 5.7.1
@@ -7179,10 +7021,6 @@ snapshots:
 
   colorette@2.0.20: {}
 
-  combined-stream@1.0.8:
-    dependencies:
-      delayed-stream: 1.0.0
-
   commander@2.20.3: {}
 
   commander@7.2.0: {}
@@ -7241,8 +7079,6 @@ snapshots:
     dependencies:
       is-what: 3.14.1
 
-  copy-anything@4.1.0: {}
-
   copy-webpack-plugin@9.1.0(webpack@5.98.0):
     dependencies:
       fast-glob: 3.3.3
@@ -7423,8 +7259,6 @@ snapshots:
       has-property-descriptors: 1.0.2
       object-keys: 1.1.1
 
-  delayed-stream@1.0.0: {}
-
   depd@1.1.2: {}
 
   depd@2.0.0: {}
@@ -7532,13 +7366,6 @@ snapshots:
     dependencies:
       es-errors: 1.3.0
 
-  es-set-tostringtag@2.1.0:
-    dependencies:
-      es-errors: 1.3.0
-      get-intrinsic: 1.3.0
-      has-tostringtag: 1.0.2
-      hasown: 2.0.2
-
   esbuild@0.27.2:
     optionalDependencies:
       '@esbuild/aix-ppc64': 0.27.2
@@ -7851,20 +7678,10 @@ snapshots:
 
   flatted@3.3.3: {}
 
-  follow-redirects@1.15.11(debug@4.4.3):
+  follow-redirects@1.16.0(debug@4.4.3):
     optionalDependencies:
       debug: 4.4.3
 
-  follow-redirects@1.16.0: {}
-
-  form-data@4.0.5:
-    dependencies:
-      asynckit: 0.4.0
-      combined-stream: 1.0.8
-      es-set-tostringtag: 2.1.0
-      hasown: 2.0.2
-      mime-types: 2.1.35
-
   forwarded@0.2.0: {}
 
   fraction.js@4.3.7: {}
@@ -7921,8 +7738,6 @@ snapshots:
 
   get-stream@6.0.1: {}
 
-  github-slugger@2.0.0: {}
-
   glob-parent@5.1.2:
     dependencies:
       is-glob: 4.0.3
@@ -7975,10 +7790,6 @@ snapshots:
 
   has-symbols@1.1.0: {}
 
-  has-tostringtag@1.0.2:
-    dependencies:
-      has-symbols: 1.1.0
-
   hash-sum@1.0.2: {}
 
   hash-sum@2.0.0: {}
@@ -7991,8 +7802,6 @@ snapshots:
 
   highlight.js@10.7.3: {}
 
-  hookable@5.5.3: {}
-
   hosted-git-info@2.8.9: {}
 
   hpack.js@2.1.6:
@@ -8069,18 +7878,11 @@ snapshots:
   http-proxy@1.18.1(debug@4.4.3):
     dependencies:
       eventemitter3: 4.0.7
-      follow-redirects: 1.15.11(debug@4.4.3)
+      follow-redirects: 1.16.0(debug@4.4.3)
       requires-port: 1.0.0
     transitivePeerDependencies:
       - debug
 
-  https-proxy-agent@5.0.1:
-    dependencies:
-      agent-base: 6.0.2
-      debug: 4.4.3
-    transitivePeerDependencies:
-      - supports-color
-
   human-signals@2.1.0: {}
 
   iconv-lite@0.4.24:
@@ -8381,21 +8183,6 @@ snapshots:
     dependencies:
       semver: 6.3.1
 
-  marked-gfm-heading-id@4.1.4(marked@17.0.6):
-    dependencies:
-      github-slugger: 2.0.0
-      marked: 17.0.6
-
-  marked-highlight@2.2.4(marked@17.0.6):
-    dependencies:
-      marked: 17.0.6
-
-  marked-mangle@1.1.13(marked@17.0.6):
-    dependencies:
-      marked: 17.0.6
-
-  marked@17.0.6: {}
-
   math-intrinsics@1.1.0: {}
 
   mdn-data@2.0.14: {}
@@ -8702,8 +8489,6 @@ snapshots:
 
   pathe@2.0.3: {}
 
-  perfect-debounce@1.0.0: {}
-
   picocolors@0.2.1: {}
 
   picocolors@1.1.1: {}
@@ -8715,13 +8500,6 @@ snapshots:
   pify@4.0.1:
     optional: true
 
-  pinia@3.0.4(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3)):
-    dependencies:
-      '@vue/devtools-api': 7.7.10
-      vue: 3.5.26(typescript@5.9.3)
-    optionalDependencies:
-      typescript: 5.9.3
-
   pkg-dir@4.2.0:
     dependencies:
       find-up: 4.1.0
@@ -8968,8 +8746,6 @@ snapshots:
       lodash: 4.17.21
       renderkid: 3.0.0
 
-  prismjs@1.30.0: {}
-
   process-nextick-args@2.0.1: {}
 
   progress-webpack-plugin@1.0.16(webpack@5.98.0):
@@ -8984,8 +8760,6 @@ snapshots:
       forwarded: 0.2.0
       ipaddr.js: 1.9.1
 
-  proxy-from-env@2.1.0: {}
-
   prr@1.0.1:
     optional: true
 
@@ -9121,8 +8895,6 @@ snapshots:
 
   reusify@1.1.0: {}
 
-  rfdc@1.4.1: {}
-
   rimraf@3.0.2:
     dependencies:
       glob: 7.2.3
@@ -9374,8 +9146,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  speakingurl@14.0.1: {}
-
   sprintf-js@1.0.3: {}
 
   ssri@8.0.1:
@@ -9435,10 +9205,6 @@ snapshots:
       postcss: 8.5.6
       postcss-selector-parser: 6.1.2
 
-  superjson@2.2.6:
-    dependencies:
-      copy-anything: 4.1.0
-
   supports-color@5.5.0:
     dependencies:
       has-flag: 3.0.0
@@ -9528,23 +9294,6 @@ snapshots:
 
   thunky@1.1.0: {}
 
-  timi-web@0.0.24(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3)):
-    dependencies:
-      axios: 1.18.0
-      less: 4.5.1
-      marked: 17.0.6
-      marked-gfm-heading-id: 4.1.4(marked@17.0.6)
-      marked-highlight: 2.2.4(marked@17.0.6)
-      marked-mangle: 1.1.13(marked@17.0.6)
-      pinia: 3.0.4(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3))
-      prismjs: 1.30.0
-      terser: 5.46.1
-    transitivePeerDependencies:
-      - debug
-      - supports-color
-      - typescript
-      - vue
-
   tinycolor2@1.6.0: {}
 
   tinyglobby@0.2.15:

src/assets/style/tdesign-custom.less

@@ -0,0 +1,6 @@
+.t-table {
+
+	.t-table.t-size-s td {
+		padding: var(--td-comp-paddingTB-s);
+	}
+}

src/assets/style/tencent-cloud-custom.less

@@ -1,264 +0,0 @@
-/* TDesign 腾讯云样式附加修改 */
-@popupShadowColor: rgba(0, 0, 0, .1);
-@popupShadow: 3px 3px 0 @popupShadowColor;
-
-.t-button {
-	cursor: var(--tui-cur-pointer) !important;
-}
-
-.t-card {
-    box-shadow: var(--tui-shadow) !important;
-
-	.t-card__title {
-		display: block;
-	}
-
-	.t-card__body,
-	.t-card__header {
-		margin: 14px 0;
-		padding: 0 16px;
-	}
-}
-
-.t-link {
-    cursor: var(--tui-cur-pointer) !important;
-    font-size: 100%;
-}
-
-.t-input .t-input__inner {
-    cursor: var(--tui-cur-text) !important;
-}
-
-.t-select .t-input__inner {
-    cursor: var(--tui-cur-default) !important;
-}
-
-.t-textarea__inner {
-    cursor: var(--tui-cur-text) !important;
-    word-wrap: normal;
-}
-
-.t-checkbox {
-	cursor: var(--tui-cur-pointer) !important;
-}
-
-.t-tabs {
-
-	.t-tabs__nav-item {
-		cursor: var(--tui-cur-pointer) !important;
-	}
-}
-
-.t-pagination {
-	font-size: 12px;
-	--td-comp-size-m: 28px;
-
-	.t-pagination__pager {
-
-		.t-pagination__number {
-			cursor: var(--tui-cur-pointer) !important;
-
-			&:hover {
-				z-index: 1;
-			}
-
-			&:not(:last-child) {
-				margin-right: -1px;
-			}
-		}
-	}
-}
-
-.t-breadcrumb {
-
-	.t-breadcrumb__item {
-		cursor: var(--tui--pointer);
-
-		.t-breadcrumb__inner-text {
-			cursor: var(--tui--pointer);
-		}
-
-		a {
-			color: inherit;
-			text-decoration: none;
-		}
-
-		&:last-child {
-
-			.t-breadcrumb__inner {
-
-				&:hover,
-				&:active {
-					color: var(--td-text-color-primary);
-				}
-
-				&:active {
-					animation: none;
-				}
-			}
-
-			.t-breadcrumb__inner-text {
-				cursor: var(--tui--default);
-			}
-		}
-	}
-}
-
-.t-list {
-
-	.t-list-item {
-		background: transparent;
-
-		&:last-child::after {
-			background: transparent;
-		}
-	}
-}
-
-.t-tree {
-
-	.t-tree__item,
-	.t-tree__icon,
-	.t-tree__label {
-		cursor: var(--tui--pointer) !important;
-		font-size: 100%;
-	}
-	.t-tree__label {
-		padding: 3px var(--td-comp-paddingLR-xs);
-	}
-}
-
-.t-timeline-item__wrapper {
-
-	.t-timeline-item__dot {
-		border: none;
-		width: 8px;
-		height: 8px;
-		margin: 2px 0 0 1px;
-		background: var(--td-brand-color);
-		border-radius: 0;
-	}
-
-	.t-timeline-item__tail {
-		border-left: 2px solid var(--td-component-border);
-	}
-}
-
-.t-layout {
-	background: transparent;
-
-	.t-layout__sider,
-	.t-layout__header,
-	.t-layout__content,
-	.t-layout__footer {
-		background: transparent;
-	}
-}
-
-.narrow-scrollbar {
-
-	&::-webkit-scrollbar {
-		cursor: var(--tui--default) !important;
-	}
-
-	&::-webkit-scrollbar-thumb {
-		border: none;
-		cursor: var(--tui--default);
-		background: #525870;
-		border-radius: 0;
-	}
-}
-
-.t-popup {
-
-	.t-popup__content {
-		outline: 1px solid var(--td-component-border);
-		box-shadow: @popupShadow;
-	}
-
-	.t-select-option {
-		cursor: var(--tui--pointer);
-	}
-}
-.t-popup[data-popper-placement^="left"] {
-
-	.t-popup__arrow {
-		right: calc(-9px / 2);
-
-		&::before {
-			box-shadow: inset -1px 0 0 var(--td-component-border), inset 0 1px 0 var(--td-component-border), 2px -2px 0 rgba(0, 0, 0, .08);
-		}
-	}
-}
-.t-popup[data-popper-placement^="right"] {
-
-	.t-popup__arrow {
-		left: calc(-10px / 2);
-
-		&::before {
-			box-shadow: inset 0 -1px 0 var(--td-component-border), inset 1px 0 0 var(--td-component-border);
-		}
-	}
-}
-.t-popup[data-popper-placement^="bottom"] {
-
-	&.t-select__dropdown .t-popup__content {
-		margin-top: 2px;
-	}
-}
-
-.t-dialog__ctx {
-	--td-mask-active: rgba(0, 0, 0, .2) !important;
-
-	.t-dialog {
-		background: rgba(255, 255, 255, .8);
-		box-shadow: 2px 2px 0 rgba(0, 0, 0, .3);
-		backdrop-filter: blur(10px);
-		animation-duration: .3s !important;
-		-webkit-backdrop-filter: blur(10px);
-		animation-timing-function: cubic-bezier(.23, 1, .32, 1) !important;
-	}
-}
-
-.t-message {
-	outline: 1px solid var(--td-component-border) !important;
-	box-shadow: @popupShadow !important;
-}
-
-.t-dropdown {
-	border: none;
-}
-
-.t-avatar {
-	box-sizing: border-box;
-}
-
-.t-image-viewer {
-
-	.t-swiper-item {
-		overflow: hidden;
-	}
-}
-
-.t-menu {
-
-	.t-head-menu__inner {
-		height: var(--td-comp-size-xxl);
-
-		.t-menu__operations:not(:empty) {
-			height: var(--td-comp-size-xxl);
-			line-height: 1;
-		}
-
-		.t-menu__item {
-			height: 100%;
-			padding: 0 24px;
-			margin-left: 0;
-
-			&.t-is-active {
-				color: var(--td-text-color-anti);
-				background-color: var(--td-brand-color)
-			}
-		}
-	}
-}

src/assets/style/tencent-cloud.less

@@ -1,380 +0,0 @@
-:root, :root[theme-mode="light"] {
-    --td-brand-color-1: #f2f3ff;
-    --td-brand-color-2: #d9e1ff;
-    --td-brand-color-3: #b5c7ff;
-    --td-brand-color-4: #8eabff;
-    --td-brand-color-5: #618dff;
-    --td-brand-color-6: #366ef4;
-    --td-brand-color-7: #0052d9;
-    --td-brand-color-8: #003cab;
-    --td-brand-color-9: #002a7c;
-    --td-brand-color-10: #001a57;
-    --td-warning-color-1: #fff1e9;
-    --td-warning-color-2: #ffd9c2;
-    --td-warning-color-3: #ffb98c;
-    --td-warning-color-4: #fa9550;
-    --td-warning-color-5: #e37318;
-    --td-warning-color-6: #be5a00;
-    --td-warning-color-7: #954500;
-    --td-warning-color-8: #713300;
-    --td-warning-color-9: #532300;
-    --td-warning-color-10: #3b1700;
-    --td-error-color-1: #fff0ed;
-    --td-error-color-2: #ffd8d2;
-    --td-error-color-3: #ffb9b0;
-    --td-error-color-4: #ff9285;
-    --td-error-color-5: #f6685d;
-    --td-error-color-6: #d54941;
-    --td-error-color-7: #ad352f;
-    --td-error-color-8: #881f1c;
-    --td-error-color-9: #68070a;
-    --td-error-color-10: #490002;
-    --td-success-color-1: #e3f9e9;
-    --td-success-color-2: #c6f3d7;
-    --td-success-color-3: #92dab2;
-    --td-success-color-4: #56c08d;
-    --td-success-color-5: #2ba471;
-    --td-success-color-6: #008858;
-    --td-success-color-7: #006c45;
-    --td-success-color-8: #005334;
-    --td-success-color-9: #003b23;
-    --td-success-color-10: #002515;
-    --td-gray-color-1: #f6f6f6;
-    --td-gray-color-2: #eeeceb;
-    --td-gray-color-3: #dddbdb;
-    --td-gray-color-4: #cac9c9;
-    --td-gray-color-5: #b6b6b6;
-    --td-gray-color-6: #a2a2a2;
-    --td-gray-color-7: #8f8f8f;
-    --td-gray-color-8: #7b7c7c;
-    --td-gray-color-9: #6a6b6b;
-    --td-gray-color-10: #585a5a;
-    --td-gray-color-11: #494a4a;
-    --td-gray-color-12: #3a3b3b;
-    --td-gray-color-13: #2c2e2e;
-    --td-gray-color-14: #202222;
-    --td-font-white-1: #fff;
-    --td-font-white-2: rgba(255, 255, 255, .55);
-    --td-font-white-3: rgba(255, 255, 255, .35);
-    --td-font-white-4: rgba(255, 255, 255, .22);
-    --td-font-gray-1: rgba(0, 0, 0, .9);
-    --td-font-gray-2: rgba(0, 0, 0, .6);
-    --td-font-gray-3: rgba(0, 0, 0, .4);
-    --td-font-gray-4: rgba(0, 0, 0, .26);
-    --td-brand-color: var(--td-brand-color-7);
-    --td-warning-color: var(--td-warning-color-5);
-    --td-error-color: var(--td-error-color-6);
-    --td-success-color: var(--td-success-color-5);
-    --td-brand-color-hover: var(--td-brand-color-6);
-    --td-brand-color-focus: var(--td-brand-color-2);
-    --td-brand-color-active: var(--td-brand-color-8);
-    --td-brand-color-disabled: var(--td-brand-color-3);
-    --td-brand-color-light: var(--td-brand-color-1);
-    --td-brand-color-light-hover: var(--td-brand-color-2);
-    --td-warning-color-hover: var(--td-warning-color-4);
-    --td-warning-color-focus: var(--td-warning-color-2);
-    --td-warning-color-active: var(--td-warning-color-6);
-    --td-warning-color-disabled: var(--td-warning-color-3);
-    --td-warning-color-light: var(--td-warning-color-1);
-    --td-warning-color-light-hover: var(--td-warning-color-2);
-    --td-error-color-hover: var(--td-error-color-5);
-    --td-error-color-focus: var(--td-error-color-2);
-    --td-error-color-active: var(--td-error-color-7);
-    --td-error-color-disabled: var(--td-error-color-3);
-    --td-error-color-light: var(--td-error-color-1);
-    --td-error-color-light-hover: var(--td-error-color-2);
-    --td-success-color-hover: var(--td-success-color-4);
-    --td-success-color-focus: var(--td-success-color-2);
-    --td-success-color-active: var(--td-success-color-6);
-    --td-success-color-disabled: var(--td-success-color-3);
-    --td-success-color-light: var(--td-success-color-1);
-    --td-success-color-light-hover: var(--td-success-color-2);
-    --td-mask-active: rgba(0, 0, 0, .6);
-    --td-mask-disabled: rgba(255, 255, 255, .6);
-    --td-bg-color-page: var(--td-gray-color-2);
-    --td-bg-color-container: #fff;
-    --td-bg-color-container-hover: var(--td-gray-color-1);
-    --td-bg-color-container-active: var(--td-gray-color-3);
-    --td-bg-color-container-select: #fff;
-    --td-bg-color-secondarycontainer: var(--td-gray-color-1);
-    --td-bg-color-secondarycontainer-hover: var(--td-gray-color-2);
-    --td-bg-color-secondarycontainer-active: var(--td-gray-color-4);
-    --td-bg-color-component: var(--td-gray-color-3);
-    --td-bg-color-component-hover: var(--td-gray-color-4);
-    --td-bg-color-component-active: var(--td-gray-color-6);
-    --td-bg-color-secondarycomponent: var(--td-gray-color-4);
-    --td-bg-color-secondarycomponent-hover: var(--td-gray-color-5);
-    --td-bg-color-secondarycomponent-active: var(--td-gray-color-6);
-    --td-bg-color-component-disabled: var(--td-gray-color-2);
-    --td-bg-color-specialcomponent: #fff;
-    --td-text-color-primary: var(--td-font-gray-1);
-    --td-text-color-secondary: var(--td-font-gray-2);
-    --td-text-color-placeholder: var(--td-font-gray-3);
-    --td-text-color-disabled: var(--td-font-gray-4);
-    --td-text-color-anti: #fff;
-    --td-text-color-brand: var(--td-brand-color-7);
-    --td-text-color-link: var(--td-brand-color-8);
-    --td-border-level-1-color: var(--td-gray-color-3);
-    --td-component-stroke: var(--td-gray-color-3);
-    --td-border-level-2-color: var(--td-gray-color-4);
-    --td-component-border: var(--td-gray-color-4);
-    --td-shadow-1: 0 1px 10px rgba(0, 0, 0, .05), 0 4px 5px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .12);
-    --td-shadow-2: 0 3px 14px 2px rgba(0, 0, 0, .05), 0 8px 10px 1px rgba(0, 0, 0, .06), 0 5px 5px -3px rgba(0, 0, 0, .1);
-    --td-shadow-3: 0 6px 30px 5px rgba(0, 0, 0, .05), 0 16px 24px 2px rgba(0, 0, 0, .04), 0 8px 10px -5px rgba(0, 0, 0, .08);
-    --td-shadow-inset-top: inset 0 0.5px 0 #e7eaef;
-    --td-shadow-inset-right: inset 0.5px 0 0 #e7eaef;
-    --td-shadow-inset-bottom: inset 0 -0.5px 0 #e7eaef;
-    --td-table-shadow-color: rgba(0, 0, 0, .08);
-    --td-scrollbar-color: rgba(0, 0, 0, .1);
-    --td-scrollbar-hover-color: rgba(0, 0, 0, .3);
-    --td-scroll-track-color: #fff;
-}
-
-:root[theme-mode="dark"] {
-    --td-brand-color-1: #1b2f51;
-    --td-brand-color-2: #173463;
-    --td-brand-color-3: #143975;
-    --td-brand-color-4: #103d88;
-    --td-brand-color-5: #0d429a;
-    --td-brand-color-6: #054bbe;
-    --td-brand-color-7: #2667d4;
-    --td-brand-color-8: #4582e6;
-    --td-brand-color-9: #699ef5;
-    --td-brand-color-10: #96bbf8;
-    --td-warning-color-1: #3b1700;
-    --td-warning-color-2: #532300;
-    --td-warning-color-3: #713300;
-    --td-warning-color-4: #954500;
-    --td-warning-color-5: #be5a00;
-    --td-warning-color-6: #e37318;
-    --td-warning-color-7: #fa9550;
-    --td-warning-color-8: #ffb98c;
-    --td-warning-color-9: #ffd9c2;
-    --td-warning-color-10: #fff1e9;
-    --td-error-color-1: #490002;
-    --td-error-color-2: #68070a;
-    --td-error-color-3: #881f1c;
-    --td-error-color-4: #ad352f;
-    --td-error-color-5: #d54941;
-    --td-error-color-6: #f6685d;
-    --td-error-color-7: #ff9285;
-    --td-error-color-8: #ffb9b0;
-    --td-error-color-9: #ffd8d2;
-    --td-error-color-10: #fff0ed;
-    --td-success-color-1: #002515;
-    --td-success-color-2: #003b23;
-    --td-success-color-3: #005334;
-    --td-success-color-4: #006c45;
-    --td-success-color-5: #008858;
-    --td-success-color-6: #2ba471;
-    --td-success-color-7: #56c08d;
-    --td-success-color-8: #92dab2;
-    --td-success-color-9: #c6f3d7;
-    --td-success-color-10: #e3f9e9;
-    --td-gray-color-1: #f6f6f6;
-    --td-gray-color-2: #eeeceb;
-    --td-gray-color-3: #dddbdb;
-    --td-gray-color-4: #cac9c9;
-    --td-gray-color-5: #b6b6b6;
-    --td-gray-color-6: #a2a2a2;
-    --td-gray-color-7: #8f8f8f;
-    --td-gray-color-8: #7b7c7c;
-    --td-gray-color-9: #6a6b6b;
-    --td-gray-color-10: #585a5a;
-    --td-gray-color-11: #494a4a;
-    --td-gray-color-12: #3a3b3b;
-    --td-gray-color-13: #2c2e2e;
-    --td-gray-color-14: #202222;
-    --td-font-white-1: rgba(255, 255, 255, .9);
-    --td-font-white-2: rgba(255, 255, 255, .55);
-    --td-font-white-3: rgba(255, 255, 255, .35);
-    --td-font-white-4: rgba(255, 255, 255, .22);
-    --td-font-gray-1: rgba(0, 0, 0, .9);
-    --td-font-gray-2: rgba(0, 0, 0, .6);
-    --td-font-gray-3: rgba(0, 0, 0, .4);
-    --td-font-gray-4: rgba(0, 0, 0, .26);
-    --td-brand-color: var(--td-brand-color-8);
-    --td-warning-color: var(--td-warning-color-5);
-    --td-error-color: var(--td-error-color-6);
-    --td-success-color: var(--td-success-color-5);
-    --td-brand-color-hover: var(--td-brand-color-7);
-    --td-brand-color-focus: var(--td-brand-color-2);
-    --td-brand-color-active: var(--td-brand-color-9);
-    --td-brand-color-disabled: var(--td-brand-color-3);
-    --td-brand-color-light: var(--td-brand-color-1);
-    --td-brand-color-light-hover: var(--td-brand-color-2);
-    --td-warning-color-hover: var(--td-warning-color-4);
-    --td-warning-color-focus: var(--td-warning-color-2);
-    --td-warning-color-active: var(--td-warning-color-6);
-    --td-warning-color-disabled: var(--td-warning-color-3);
-    --td-warning-color-light: var(--td-warning-color-1);
-    --td-warning-color-light-hover: var(--td-warning-color-2);
-    --td-error-color-hover: var(--td-error-color-5);
-    --td-error-color-focus: var(--td-error-color-2);
-    --td-error-color-active: var(--td-error-color-7);
-    --td-error-color-disabled: var(--td-error-color-3);
-    --td-error-color-light: var(--td-error-color-1);
-    --td-error-color-light-hover: var(--td-error-color-2);
-    --td-success-color-hover: var(--td-success-color-4);
-    --td-success-color-focus: var(--td-success-color-2);
-    --td-success-color-active: var(--td-success-color-6);
-    --td-success-color-disabled: var(--td-success-color-3);
-    --td-success-color-light: var(--td-success-color-1);
-    --td-success-color-light-hover: var(--td-success-color-2);
-    --td-mask-active: rgba(0, 0, 0, .4);
-    --td-mask-disabled: rgba(0, 0, 0, .6);
-    --td-bg-color-page: var(--td-gray-color-14);
-    --td-bg-color-container: var(--td-gray-color-13);
-    --td-bg-color-container-hover: var(--td-gray-color-12);
-    --td-bg-color-container-active: var(--td-gray-color-10);
-    --td-bg-color-container-select: var(--td-gray-color-9);
-    --td-bg-color-secondarycontainer: var(--td-gray-color-12);
-    --td-bg-color-secondarycontainer-hover: var(--td-gray-color-11);
-    --td-bg-color-secondarycontainer-active: var(--td-gray-color-9);
-    --td-bg-color-component: var(--td-gray-color-11);
-    --td-bg-color-component-hover: var(--td-gray-color-10);
-    --td-bg-color-component-active: var(--td-gray-color-9);
-    --td-bg-color-secondarycomponent: var(--td-gray-color-10);
-    --td-bg-color-secondarycomponent-hover: var(--td-gray-color-9);
-    --td-bg-color-secondarycomponent-active: var(--td-gray-color-8);
-    --td-bg-color-component-disabled: var(--td-gray-color-12);
-    --td-bg-color-specialcomponent: transparent;
-    --td-text-color-primary: var(--td-font-white-1);
-    --td-text-color-secondary: var(--td-font-white-2);
-    --td-text-color-placeholder: var(--td-font-white-3);
-    --td-text-color-disabled: var(--td-font-white-4);
-    --td-text-color-anti: #fff;
-    --td-text-color-brand: var(--td-brand-color-8);
-    --td-text-color-link: var(--td-brand-color-8);
-    --td-border-level-1-color: var(--td-gray-color-11);
-    --td-component-stroke: var(--td-gray-color-11);
-    --td-border-level-2-color: var(--td-gray-color-9);
-    --td-component-border: var(--td-gray-color-9);
-    --td-shadow-1: 0 4px 6px rgba(0, 0, 0, .06), 0 1px 10px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .12);
-    --td-shadow-2: 0 8px 10px rgba(0, 0, 0, .12), 0 3px 14px rgba(0, 0, 0, .1), 0 5px 5px rgba(0, 0, 0, .16);
-    --td-shadow-3: 0 16px 24px rgba(0, 0, 0, .14), 0 6px 30px rgba(0, 0, 0, .12), 0 8px 10px rgba(0, 0, 0, .2);
-    --td-shadow-inset-top: inset 0 0.5px 0 #5e5e5e;
-    --td-shadow-inset-right: inset 0.5px 0 0 #5e5e5e;
-    --td-shadow-inset-bottom: inset 0 -0.5px 0 #5e5e5e;
-    --td-table-shadow-color: rgba(0, 0, 0, .55);
-    --td-scrollbar-color: rgba(255, 255, 255, .1);
-    --td-scrollbar-hover-color: rgba(255, 255, 255, .3);
-    --td-scroll-track-color: #333;
-}
-
-:root {
-    --td-font-family: var(--tui-font) !important;
-    --td-font-family-medium: var(--tui-font) !important;
-    --td-font-size-link-small: 12px;
-    --td-font-size-link-medium: 14px;
-    --td-font-size-link-large: 16px;
-    --td-font-size-mark-small: 12px;
-    --td-font-size-mark-medium: 14px;
-    --td-font-size-body-small: 12px;
-    --td-font-size-body-medium: 14px;
-    --td-font-size-body-large: 16px;
-    --td-font-size-title-small: 14px;
-    --td-font-size-title-medium: 16px;
-    --td-font-size-title-large: 18px;
-    --td-font-size-title-extraLarge: 20px;
-    --td-font-size-headline-small: 24px;
-    --td-font-size-headline-medium: 28px;
-    --td-font-size-headline-large: 36px;
-    --td-font-size-display-medium: 48px;
-    --td-font-size-display-large: 64px;
-    --td-line-height-link-small: 20px;
-    --td-line-height-link-medium: 22px;
-    --td-line-height-link-large: 24px;
-    --td-line-height-mark-small: 20px;
-    --td-line-height-mark-medium: 22px;
-    --td-line-height-body-small: 20px;
-    --td-line-height-body-medium: 22px;
-    --td-line-height-body-large: 24px;
-    --td-line-height-title-small: 22px;
-    --td-line-height-title-medium: 24px;
-    --td-line-height-title-large: 26px;
-    --td-line-height-title-extraLarge: 28px;
-    --td-line-height-headline-small: 32px;
-    --td-line-height-headline-medium: 36px;
-    --td-line-height-headline-large: 44px;
-    --td-line-height-display-medium: 56px;
-    --td-line-height-display-large: 72px;
-    --td-font-link-small: var(--td-font-size-link-small) / var(--td-line-height-link-small) var(--td-font-family);
-    --td-font-link-medium: var(--td-font-size-link-medium) / var(--td-line-height-link-medium) var(--td-font-family);
-    --td-font-link-large: var(--td-font-size-link-large) / var(--td-line-height-link-large) var(--td-font-family);
-    --td-font-mark-small: 600 var(--td-font-size-mark-small) / var(--td-line-height-mark-small) var(--td-font-family);
-    --td-font-mark-medium: 600 var(--td-font-size-mark-medium) / var(--td-line-height-mark-medium) var(--td-font-family);
-    --td-font-body-small: var(--td-font-size-body-small) / var(--td-line-height-body-small) var(--td-font-family);
-    --td-font-body-medium: var(--td-font-size-body-medium) / var(--td-line-height-body-medium) var(--td-font-family);
-    --td-font-body-large: var(--td-font-size-body-large) / var(--td-line-height-body-large) var(--td-font-family);
-    --td-font-title-small: 600 var(--td-font-size-title-small) / var(--td-line-height-title-small) var(--td-font-family);
-    --td-font-title-medium: 600 var(--td-font-size-title-medium) / var(--td-line-height-title-medium) var(--td-font-family);
-    --td-font-title-large: 600 var(--td-font-size-title-large) / var(--td-line-height-title-large) var(--td-font-family);
-    --td-font-headline-small: 600 var(--td-font-size-headline-small) / var(--td-line-height-headline-small) var(--td-font-family);
-    --td-font-headline-medium: 600 var(--td-font-size-headline-medium) / var(--td-line-height-headline-medium) var(--td-font-family);
-    --td-font-headline-large: 600 var(--td-font-size-headline-large) / var(--td-line-height-headline-large) var(--td-font-family);
-    --td-font-display-medium: 600 var(--td-font-size-display-medium) / var(--td-line-height-display-medium) var(--td-font-family);
-    --td-font-display-large: 600 var(--td-font-size-display-large) / var(--td-line-height-display-large) var(--td-font-family);
-    --td-radius-small: 0px !important;
-    --td-radius-default: 0px!important;
-    --td-radius-medium: 0px !important;;
-    --td-radius-large: 0px !important;;
-    --td-radius-extraLarge: 0px !important;;
-    --td-radius-round: 999px !important;;
-    --td-radius-circle: 50% !important;;
-    --td-size-1: 2px;
-    --td-size-2: 4px;
-    --td-size-3: 6px;
-    --td-size-4: 8px;
-    --td-size-5: 12px;
-    --td-size-6: 16px;
-    --td-size-7: 20px;
-    --td-size-8: 24px;
-    --td-size-9: 28px;
-    --td-size-10: 32px;
-    --td-size-11: 36px;
-    --td-size-12: 40px;
-    --td-size-13: 48px;
-    --td-size-14: 56px;
-    --td-size-15: 64px;
-    --td-size-16: 72px;
-    --td-comp-size-xxxs: var(--td-size-6);
-    --td-comp-size-xxs: var(--td-size-7);
-    --td-comp-size-xs: var(--td-size-8);
-    --td-comp-size-s: var(--td-size-9);
-    --td-comp-size-m: var(--td-size-10);
-    --td-comp-size-l: var(--td-size-11);
-    --td-comp-size-xl: var(--td-size-12);
-    --td-comp-size-xxl: var(--td-size-13);
-    --td-comp-size-xxxl: var(--td-size-14);
-    --td-comp-size-xxxxl: var(--td-size-15);
-    --td-comp-size-xxxxxl: var(--td-size-16);
-    --td-pop-padding-s: var(--td-size-2);
-    --td-pop-padding-m: var(--td-size-3);
-    --td-pop-padding-l: var(--td-size-4);
-    --td-pop-padding-xl: var(--td-size-5);
-    --td-pop-padding-xxl: var(--td-size-6);
-    --td-comp-paddingLR-xxs: var(--td-size-1);
-    --td-comp-paddingLR-xs: var(--td-size-2);
-    --td-comp-paddingLR-s: var(--td-size-4);
-    --td-comp-paddingLR-m: var(--td-size-5);
-    --td-comp-paddingLR-l: var(--td-size-6);
-    --td-comp-paddingLR-xl: var(--td-size-8);
-    --td-comp-paddingLR-xxl: var(--td-size-10);
-    --td-comp-paddingTB-xxs: var(--td-size-1);
-    --td-comp-paddingTB-xs: var(--td-size-2);
-    --td-comp-paddingTB-s: var(--td-size-4);
-    --td-comp-paddingTB-m: var(--td-size-5);
-    --td-comp-paddingTB-l: var(--td-size-6);
-    --td-comp-paddingTB-xl: var(--td-size-8);
-    --td-comp-paddingTB-xxl: var(--td-size-10);
-    --td-comp-margin-xxs: var(--td-size-1);
-    --td-comp-margin-xs: var(--td-size-2);
-    --td-comp-margin-s: var(--td-size-4);
-    --td-comp-margin-m: var(--td-size-5);
-    --td-comp-margin-l: var(--td-size-6);
-    --td-comp-margin-xl: var(--td-size-7);
-    --td-comp-margin-xxl: var(--td-size-8);
-    --td-comp-margin-xxxl: var(--td-size-10);
-    --td-comp-margin-xxxxl: var(--td-size-12);
-}

src/components/article-editor/content.ts

@@ -0,0 +1,153 @@
+import {
+	ATTACHMENT_ID_ATTR,
+	TEMP_FILE_ID_ATTR,
+	isLocalMediaId,
+	normalizeContent
+} from "timi-web/editor";
+import type { ArticleContentType, Attachment } from "./types";
+
+/** 文章内容中附件和临时文件的标识前缀。 */
+export const ATTACHMENT_ID_PREFIX = "attachment-id:";
+export const TEMP_FILE_ID_PREFIX = "temp-file-id:";
+
+const DEFAULT_ARTICLE_CONTENT_TYPE: ArticleContentType = "TIP_TAP";
+const ARTICLE_CONTENT_TYPE_LIST: ArticleContentType[] = ["TEXT", "MARKDOWN", "TIP_TAP", "TIPTAP"];
+
+/** 将未知正文类型归一化为组件支持的类型。 */
+export function normalizeArticleContentType(contentType?: string): ArticleContentType {
+	if (!ARTICLE_CONTENT_TYPE_LIST.includes(contentType as ArticleContentType)) {
+		return DEFAULT_ARTICLE_CONTENT_TYPE;
+	}
+	return contentType === "TIPTAP" ? "TIP_TAP" : contentType as ArticleContentType;
+}
+
+/** 将空正文转换为空字符串。 */
+export function normalizeRawArticleContent(content?: string): string {
+	return content || "";
+}
+
+/** 从媒体地址中读取附件 ID。 */
+export function getAttachmentIdFromSrc(src?: string): string {
+	if (!src?.startsWith(ATTACHMENT_ID_PREFIX)) {
+		return "";
+	}
+	return src.slice(ATTACHMENT_ID_PREFIX.length);
+}
+
+/** 从媒体地址中读取临时文件 ID。 */
+export function getTempFileIdFromSrc(src?: string): string {
+	if (!src?.startsWith(TEMP_FILE_ID_PREFIX)) {
+		return "";
+	}
+	return src.slice(TEMP_FILE_ID_PREFIX.length);
+}
+
+/** 构造带有附件 ID 的内部媒体地址。 */
+function buildAttachmentIdSrc(attachmentId: string): string {
+	return `${ATTACHMENT_ID_PREFIX}${attachmentId}`;
+}
+
+/** 仅为本地预览地址保留预览元数据。 */
+function buildAttachmentMetadata(src: string): Record<string, string> | undefined {
+	if (!src.startsWith("blob:")) {
+		return undefined;
+	}
+	return {
+		previewUrl: src
+	};
+}
+
+/** 过滤前端本地占位 ID。 */
+function normalizeAttachmentTempFileId(tempFileId?: string): string | undefined {
+	if (!tempFileId || isLocalMediaId(tempFileId)) {
+		return undefined;
+	}
+	return tempFileId;
+}
+
+/** 从正文中提取媒体附件，返回组件需要的最小对象。 */
+export function buildAttachmentListFromContent(content?: string, sourceList?: readonly Attachment[]): Attachment[] {
+	const rawContent = normalizeContent(content);
+	if (!rawContent) {
+		return [];
+	}
+	const parser = new DOMParser();
+	const doc = parser.parseFromString(rawContent, "text/html");
+	const sourceMap = new Map<string, Attachment>();
+	for (const item of sourceList || []) {
+		if (item.id) {
+			sourceMap.set(item.id, item);
+		}
+		if (item.tempFileId) {
+			sourceMap.set(item.tempFileId, item);
+		}
+	}
+	const attachmentMap = new Map<string, Attachment>();
+
+	for (const media of Array.from(doc.querySelectorAll("img, video"))) {
+		const src = media.getAttribute("src") || "";
+		const attachmentId = media.getAttribute(ATTACHMENT_ID_ATTR) || getAttachmentIdFromSrc(src);
+		const tempFileId = media.getAttribute(TEMP_FILE_ID_ATTR) || getTempFileIdFromSrc(src);
+		const key = attachmentId || tempFileId;
+		if (!key || attachmentMap.has(key)) {
+			continue;
+		}
+		const sourceAttachment = sourceMap.get(key);
+		const previewUrl = buildAttachmentMetadata(src);
+		attachmentMap.set(key, {
+			...(sourceAttachment || {}),
+			id: attachmentId || sourceAttachment?.id || key,
+			tempFileId: normalizeAttachmentTempFileId(tempFileId) || normalizeAttachmentTempFileId(sourceAttachment?.tempFileId),
+			name: media.getAttribute("title") || media.getAttribute("alt") || sourceAttachment?.name || "",
+			metadata: previewUrl || sourceAttachment?.metadata
+		});
+	}
+
+	return Array.from(attachmentMap.values());
+}
+
+/** 将媒体地址转换为组件统一的附件标识地址。 */
+export function normalizeContentForStore(content?: string): string {
+	const rawContent = normalizeContent(content);
+	if (!rawContent) {
+		return "";
+	}
+	const parser = new DOMParser();
+	const doc = parser.parseFromString(rawContent, "text/html");
+	for (const media of Array.from(doc.querySelectorAll("img, video"))) {
+		const src = media.getAttribute("src") || "";
+		const attachmentId = media.getAttribute(ATTACHMENT_ID_ATTR) || getAttachmentIdFromSrc(src);
+		const tempFileId = media.getAttribute(TEMP_FILE_ID_ATTR) || getTempFileIdFromSrc(src);
+		const finalAttachmentId = attachmentId || tempFileId;
+		if (!finalAttachmentId) {
+			continue;
+		}
+		media.setAttribute(ATTACHMENT_ID_ATTR, finalAttachmentId);
+		media.removeAttribute(TEMP_FILE_ID_ATTR);
+		media.setAttribute("src", buildAttachmentIdSrc(finalAttachmentId));
+	}
+	return normalizeContent(doc.body.innerHTML);
+}
+
+/** 比较附件列表的通用字段，不比较对象引用。 */
+export function sameAttachmentList(left?: readonly Attachment[], right?: readonly Attachment[]): boolean {
+	const leftList = left || [];
+	const rightList = right || [];
+	if (leftList.length !== rightList.length) {
+		return false;
+	}
+	for (let i = 0; i < leftList.length; i += 1) {
+		const leftItem = leftList[i];
+		const rightItem = rightList[i];
+		if (!rightItem || leftItem.id !== rightItem.id) {
+			return false;
+		}
+		if ((leftItem.tempFileId || "") !== (rightItem.tempFileId || "")) {
+			return false;
+		}
+		if ((leftItem.accessKey?.value || "") !== (rightItem.accessKey?.value || "")) {
+			return false;
+		}
+	}
+	return true;
+}

src/components/article-editor/index.ts

@@ -1,11 +1,18 @@
 import view from "./index.vue";
-import { Toolkit } from "timi-web";
+import { WebToolkit } from "timi-web";
-import type { Article } from "timi-web/editor";
+import type { Article } from "./types";
+
+export type {
+	Article,
+	ArticleContentType,
+	Attachment,
+	UploadResult
+} from "./types";
 
 export type ArticleEditorExpose = {
 	submit: () => Promise<Article>;
 	getPendingMediaCount: () => number;
 };
 
-export const ArticleEditor = Toolkit.withInstall(view);
+export const ArticleEditor = WebToolkit.withInstall(view);
 export default ArticleEditor;

src/components/article-editor/index.vue

@@ -24,23 +24,24 @@
 </template>
 
 <script lang="ts" setup>
-import type { Article, ArticleContentType, Attachment, UploadResult } from "timi-web/editor";
+import type { Article, ArticleContentType, Attachment, UploadResult } from "./types";
-import { AttachmentAPI } from "timi-web/editor";
 import { MarkdownEditor } from "timi-web";
 import { TiptapEditor } from "../tiptap-editor";
 import type { TiptapEditorExpose } from "../tiptap-editor";
 import {
-	ATTACHMENT_ID_ATTR,
-	TEMP_FILE_ID_ATTR,
 	buildAttachmentListFromContent,
 	getAttachmentIdFromSrc,
 	getTempFileIdFromSrc,
 	normalizeArticleContentType,
-	normalizeContent,
 	normalizeContentForStore,
 	normalizeRawArticleContent,
 	sameAttachmentList
-	} from "timi-web/editor";
+} from "./content";
+import {
+	ATTACHMENT_ID_ATTR,
+	TEMP_FILE_ID_ATTR,
+	normalizeContent
+} from "timi-web/editor";
 
 defineOptions({
 	name: "ArticleEditor"
@@ -83,39 +84,18 @@ const attachmentMap = computed(() => {
 	return new Map((props.modelValue?.attachmentList || []).map(item => [item.id, item]));
 });
 
-async function defaultUploadImage(file: File) {
-	return defaultUploadMedia(file);
-}
-
-async function defaultUploadVideo(file: File) {
-	return defaultUploadMedia(file);
-}
-
-async function defaultUploadMedia(file: File) {
-	const tempFileList = await AttachmentAPI.upload([file]);
-	const tempFileId = tempFileList[0]?.id || "";
-	if (!tempFileId) {
-		throw new Error("上传临时文件失败");
-	}
-	return {
-		id: tempFileId,
-		url: AttachmentAPI.getTempReadURL(tempFileId),
-		name: file.name
-	};
-}
-
 async function handleUploadImage(file: File) {
-	if (props.uploadImage) {
+	if (!props.uploadImage) {
-		return props.uploadImage(file);
+		throw new Error("请为 ArticleEditor 配置 uploadImage");
 	}
-	return defaultUploadImage(file);
+	return await props.uploadImage(file);
 }
 
 async function handleUploadVideo(file: File) {
-	if (props.uploadVideo) {
+	if (!props.uploadVideo) {
-		return props.uploadVideo(file);
+		throw new Error("请为 ArticleEditor 配置 uploadVideo");
 	}
-	return defaultUploadVideo(file);
+	return await props.uploadVideo(file);
 }
 
 async function resolveAttachmentPreviewUrl(attachmentId: string) {
@@ -126,18 +106,20 @@ async function resolveAttachmentPreviewUrl(attachmentId: string) {
 			return customUrl;
 		}
 	}
-	const previewUrl = `${attachment?.metadata?.previewUrl || ""}`;
+	const previewUrl = typeof attachment?.metadata?.previewUrl === "string"
+		? attachment.metadata.previewUrl
+		: "";
 	if (previewUrl) {
 		return previewUrl;
 	}
-	return attachmentId ? AttachmentAPI.getReadURL(attachmentId) : "";
+	return attachment?.url || "";
 }
 
 async function resolveTempPreviewUrl(tempFileId: string) {
 	if (props.resolveTempUrl) {
-		return props.resolveTempUrl(tempFileId);
+		return await props.resolveTempUrl(tempFileId);
 	}
-	return AttachmentAPI.getTempReadURL(tempFileId);
+	return "";
 }
 
 async function convertContentForEditor(value?: string) {
@@ -158,7 +140,10 @@ async function convertContentForEditor(value?: string) {
 		if (tempFileId) {
 			media.setAttribute(TEMP_FILE_ID_ATTR, tempFileId);
 			media.setAttribute(ATTACHMENT_ID_ATTR, attachmentId || tempFileId);
-			media.setAttribute("src", await resolveTempPreviewUrl(tempFileId));
+			const previewUrl = await resolveTempPreviewUrl(tempFileId);
+			if (previewUrl) {
+				media.setAttribute("src", previewUrl);
+			}
 			continue;
 		}
 		if (!attachmentId) {
@@ -189,7 +174,7 @@ function buildStoredContent(content: string, currentContentType: ArticleContentT
 
 function buildArticleAttachmentList(content: string, currentContentType: ArticleContentType) {
 	if (currentContentType === "TIP_TAP") {
-		return buildAttachmentListFromContent(content);
+		return buildAttachmentListFromContent(content, props.modelValue?.attachmentList);
 	}
 	return props.modelValue?.attachmentList || [];
 }
@@ -263,7 +248,7 @@ watch(() => props.modelValue?.attachmentList, async (value) => {
 	if (sameAttachmentList(lastOutgoingAttachmentList.value, value)) {
 		return;
 	}
-	if (sameAttachmentList(buildAttachmentListFromContent(editorContent.value), value)) {
+	if (sameAttachmentList(buildAttachmentListFromContent(editorContent.value, value), value)) {
 		return;
 	}
 	const nextContent = await convertContentForEditor(props.modelValue?.content);

src/components/article-editor/types.ts

@@ -0,0 +1,26 @@
+import type { UploadResult as EditorUploadResult } from "timi-web/editor";
+
+/** 文章编辑器支持的正文类型。 */
+export type ArticleContentType = "TEXT" | "MARKDOWN" | "TIP_TAP" | "TIPTAP";
+
+/** 文章编辑器需要的附件最小结构，允许业务对象携带其他字段。 */
+export type Attachment = {
+	[key: string]: any;
+	id?: string;
+	tempFileId?: string;
+	name?: string;
+	url?: string;
+	metadata?: Record<string, any>;
+	accessKey?: any;
+};
+
+/** 文章编辑器需要的文章最小结构，业务对象的其他字段会原样保留。 */
+export type Article = {
+	[key: string]: any;
+	contentType?: any;
+	content?: string;
+	attachmentList?: Attachment[];
+};
+
+/** 媒体上传结果。 */
+export type UploadResult = EditorUploadResult;

src/components/article-view/index.ts

@@ -1,5 +1,5 @@
 import view from "./index.vue";
-import { Toolkit } from "timi-web";
+import { WebToolkit } from "timi-web";
 
-export const ArticleView = Toolkit.withInstall(view);
+export const ArticleView = WebToolkit.withInstall(view);
 export default ArticleView;

src/components/article-view/index.vue

@@ -13,17 +13,15 @@
 </template>
 
 <script lang="ts" setup>
-import type { Article, Attachment } from "timi-web/editor";
+import type { Article, Attachment } from "../article-editor/types";
-import { AttachmentAPI } from "timi-web/editor";
 import { MarkdownView } from "timi-web";
 import { TiptapView } from "../tiptap-view";
 import {
-	ATTACHMENT_ID_ATTR,
 	getAttachmentIdFromSrc,
 	normalizeArticleContentType,
-	normalizeContent,
 	normalizeRawArticleContent
-	} from "timi-web/editor";
+} from "../article-editor/content";
+import { ATTACHMENT_ID_ATTR, normalizeContent } from "timi-web/editor";
 
 defineOptions({
 	name: "ArticleView"
@@ -69,11 +67,13 @@ async function buildAttachmentPreviewUrl(attachmentId: string) {
 			return customUrl;
 		}
 	}
-	const previewUrl = `${attachment?.metadata?.previewUrl || ""}`;
+	const previewUrl = typeof attachment?.metadata?.previewUrl === "string"
+		? attachment.metadata.previewUrl
+		: "";
 	if (previewUrl) {
 		return previewUrl;
 	}
-	return attachmentId ? AttachmentAPI.getReadURL(attachmentId) : "";
+	return attachment?.url || "";
 }
 
 async function buildRenderContent(content?: string) {

src/components/authorize-form/index.ts

@@ -1,5 +1,5 @@
 import view from "./index.vue";
-import { Toolkit } from "timi-web";
+import { WebToolkit } from "timi-web";
 
-export const AuthorizeForm = Toolkit.withInstall(view);
+export const AuthorizeForm = WebToolkit.withInstall(view);
 export default AuthorizeForm;

src/components/authorize-form/index.vue

@@ -5,8 +5,18 @@
 			<t-tab-panel :value="Tab.REGISTER" label="注册" />
 		</t-tabs>
 		<div class="content">
-			<login v-if="tabValue == Tab.LOGIN" @login-success="onLoginSuccess" />
+			<login
-			<register v-if="tabValue == Tab.REGISTER" @register-success="onRegisterSuccess" />
+				v-if="tabValue == Tab.LOGIN"
+				:captcha="props.captcha"
+				:login="props.login"
+				@login-success="onLoginSuccess"
+			/>
+			<register
+				v-if="tabValue == Tab.REGISTER"
+				:captcha="props.captcha"
+				:register="props.register"
+				@register-success="onRegisterSuccess"
+			/>
 		</div>
 	</div>
 </template>
@@ -15,6 +25,7 @@
 import Login from "./login.vue";
 import Register from "./register.vue";
 import { Emits, useHandler } from "~/components/authorize-form/emits";
+import type { CaptchaRequest, LoginHandler, RegisterHandler } from "./types";
 import { ref } from "vue";
 
 defineOptions({
@@ -29,6 +40,12 @@ enum Tab {
 const emits = defineEmits<Emits>();
 const { onLoginSuccess, onRegisterSuccess } = useHandler(emits);
 
+const props = withDefaults(defineProps<{
+	captcha?: CaptchaRequest;
+	login?: LoginHandler;
+	register?: RegisterHandler;
+}>(), {});
+
 const tabValue = ref(Tab.LOGIN);
 </script>
 

src/components/authorize-form/login.vue

@@ -6,10 +6,10 @@
 		<t-form-item label="密码" name="password">
 			<t-input type="password" v-model="loginRequest.data.password" placeholder="" />
 		</t-form-item>
-		<t-form-item label="验证码" name="captcha">
+		<t-form-item v-if="captcha" label="验证码" name="captcha">
 			<div class="captcha-box">
 				<t-input class="captcha" v-model="loginRequest.captcha" placeholder="" />
-				<captcha :api="CommonAPI.getCaptchaAPI()" :width="90" :height="28" />
+				<captcha :request="captcha" :width="90" :height="28" @update="onCaptchaUpdate" />
 			</div>
 		</t-form-item>
 		<div class="exec">
@@ -24,10 +24,22 @@
 </template>
 
 <script lang="ts" setup>
-import { Captcha, CaptchaData, CommonAPI, LoginRequest, UserAPI } from "timi-web";
+import { Captcha } from "timi-web";
 import { Emits, useHandler } from "~/components/authorize-form/emits";
+import type {
+	CaptchaData,
+	CaptchaRequest,
+	CaptchaResult,
+	LoginHandler,
+	LoginRequest
+} from "./types";
 import { MessagePlugin } from "tdesign-vue-next";
 
+const props = defineProps<{
+	captcha?: CaptchaRequest;
+	login?: LoginHandler;
+}>();
+
 const rules = {
 	user: [
 		{
@@ -63,16 +75,25 @@ const loginRequest = reactive<CaptchaData<LoginRequest>>({
 	}
 });
 
+function onCaptchaUpdate(result: CaptchaResult) {
+	loginRequest.captchaId = result.id;
+}
+
 const doSubmit = async () => {
+	const login = props.login;
+	if (!login) {
+		MessagePlugin.error("未配置登录处理函数", 5E3);
+		return;
+	}
 	doSubmitting.value = true;
-	UserAPI.login(loginRequest).then(async (response) => {
+	try {
-		// await userStore.updateToken(response);
+		await login(loginRequest);
 		await onLoginSuccess();
+	} catch (error) {
+		MessagePlugin.error(String(error), 5E3);
+	} finally {
 		doSubmitting.value = false;
-	}).catch(msg => {
+	}
-		MessagePlugin.error(msg, 5E3);
-		doSubmitting.value = false;
-	});
 };
 </script>
 

src/components/authorize-form/register.vue

@@ -12,10 +12,10 @@
 		<t-form-item label="邮箱" name="email">
 			<t-input type="text" v-model="formData.data.email" placeholder="选填" />
 		</t-form-item>
-		<t-form-item label="验证码" name="captcha">
+		<t-form-item v-if="captcha" label="验证码" name="captcha">
 			<div class="captcha-box">
 				<t-input class="captcha" v-model="formData.captcha" placeholder="" />
-				<captcha :api="CommonAPI.getCaptchaAPI()" :width="90" :height="28" />
+				<captcha :request="captcha" :width="90" :height="28" @update="onCaptchaUpdate" />
 			</div>
 		</t-form-item>
 		<div class="exec">
@@ -30,9 +30,21 @@
 </template>
 
 <script lang="ts" setup>
-import { Captcha, CaptchaData, CommonAPI, RegisterRequest, UserAPI } from "timi-web";
+import { Captcha } from "timi-web";
 import { FormRules, MessagePlugin, SubmitContext } from "tdesign-vue-next";
 import { Emits, useHandler } from "~/components/authorize-form/emits";
+import type {
+	CaptchaData,
+	CaptchaRequest,
+	CaptchaResult,
+	RegisterHandler,
+	RegisterRequest
+} from "./types";
+
+const props = defineProps<{
+	captcha?: CaptchaRequest;
+	register?: RegisterHandler;
+}>();
 
 type RegisterForm = {
 	rePassword: string;
@@ -54,6 +66,10 @@ const formData = reactive<CaptchaData<RegisterForm>>({
 	}
 });
 
+function onCaptchaUpdate(result: CaptchaResult) {
+	formData.captchaId = result.id;
+}
+
 const rules = {
 	name: [
 		{
@@ -94,20 +110,25 @@ const rules = {
 	]
 } as FormRules;
 
-const doSubmit = ({validateResult, e}: SubmitContext) => {
+const doSubmit = async ({validateResult, e}: SubmitContext) => {
 	if (e) {
 		e.preventDefault();
 	}
 	if (validateResult === true) {
+		const register = props.register;
+		if (!register) {
+			MessagePlugin.error("未配置注册处理函数", 5E3);
+			return;
+		}
 		doSubmitting.value = true;
-		UserAPI.register({...formData}).then(async (response) => {
+		try {
-			// await userStore.updateToken(response);
+			await register(formData);
 			await onRegisterSuccess();
+		} catch (error) {
+			MessagePlugin.error(String(error), 5E3);
+		} finally {
 			doSubmitting.value = false;
-		}).catch(msg => {
+		}
-			MessagePlugin.error(msg, 5E3);
-			doSubmitting.value = false;
-		});
 	}
 };
 </script>

src/components/authorize-form/types.ts

@@ -0,0 +1,34 @@
+/** 带验证码的通用请求对象。 */
+export type CaptchaData<T> = {
+	captchaId: string;
+	captcha: string;
+	data: T;
+};
+
+/** 登录表单数据。 */
+export type LoginRequest = {
+	user: string;
+	password: string;
+};
+
+/** 注册表单数据。 */
+export type RegisterRequest = {
+	name: string;
+	password: string;
+	email?: string;
+};
+
+/** 验证码展示数据。 */
+export type CaptchaResult = {
+	id: string;
+	data: string;
+};
+
+/** 验证码请求函数。 */
+export type CaptchaRequest = (width: number, height: number) => Promise<CaptchaResult>;
+
+/** 登录处理函数。 */
+export type LoginHandler = (request: CaptchaData<LoginRequest>) => Promise<unknown>;
+
+/** 注册处理函数。 */
+export type RegisterHandler = (request: CaptchaData<RegisterRequest>) => Promise<unknown>;

src/components/code-editor/index.ts

@@ -1,5 +1,5 @@
 import view from "./index.vue";
-import { Toolkit } from "timi-web";
+import { WebToolkit } from "timi-web";
 import "./style.less";
 
 export type CodeEditorScrollState = {
@@ -21,5 +21,5 @@ export type CodeEditorExpose = {
 	textareaRef?: HTMLTextAreaElement;
 };
 
-export const CodeEditor = Toolkit.withInstall(view);
+export const CodeEditor = WebToolkit.withInstall(view);
 export default CodeEditor;

src/components/index.ts

@@ -3,6 +3,7 @@ import AuthorizeForm from "~/components/authorize-form";
 import RootLayout from "~/components/root-layout";
 import UserProfile from "~/components/user-profile";
 import UserProfilePopup from "~/components/user-profile/popup";
+import UserLevel from "~/components/user-level";
 import CodeEditor from "~/components/code-editor";
 import TiptapEditor from "~/components/tiptap-editor";
 import TiptapView from "~/components/tiptap-view";
@@ -16,6 +17,7 @@ export default [
 	AuthorizeForm,
 	UserProfile,
 	UserProfilePopup,
+	UserLevel,
 	CodeEditor,
 	TiptapEditor,
 	TiptapView,
@@ -30,6 +32,7 @@ export {
 	AuthorizeForm,
 	UserProfile,
 	UserProfilePopup,
+	UserLevel,
 	CodeEditor,
 	TiptapEditor,
 	TiptapView,
@@ -54,3 +57,44 @@ export type {
 export type {
 	NotifyEditorExpose
 } from "./notify-editor";
+
+export type {
+	Article,
+	ArticleContentType,
+	Attachment,
+	UploadResult
+} from "./article-editor";
+
+export type {
+	NotifyContentType,
+	NotifyDetail
+} from "./notify-editor";
+
+export type {
+	CaptchaData,
+	CaptchaRequest,
+	CaptchaResult,
+	LoginHandler,
+	LoginRequest,
+	RegisterHandler,
+	RegisterRequest
+} from "./authorize-form/types";
+
+export {
+	ImageType
+} from "./user-profile";
+
+export type {
+	ImageTypeKey,
+	UserImageResolver,
+	UserProfileData,
+	UserView
+} from "./user-profile";
+
+export {
+	toUserLevel
+} from "./user-level";
+
+export type {
+	UserLevelInfo
+} from "./user-level";

src/components/notify-editor/content.ts

@@ -0,0 +1,6 @@
+import type { NotifyContentType } from "./types";
+
+/** 将未知通知正文类型归一化为组件支持的类型。 */
+export function normalizeNotifyContentType(contentType?: string): NotifyContentType {
+	return contentType === "TEXT" ? "TEXT" : "TIP_TAP";
+}

src/components/notify-editor/index.ts

@@ -1,11 +1,13 @@
 import view from "./index.vue";
-import { Toolkit } from "timi-web";
+import { WebToolkit } from "timi-web";
-import type { NotifyDetail } from "timi-web/editor";
+import type { NotifyDetail } from "./types";
+
+export type { NotifyContentType, NotifyDetail } from "./types";
 
 export type NotifyEditorExpose = {
 	submit: () => Promise<NotifyDetail>;
 	getPendingMediaCount: () => number;
 };
 
-export const NotifyEditor = Toolkit.withInstall(view);
+export const NotifyEditor = WebToolkit.withInstall(view);
 export default NotifyEditor;

src/components/notify-editor/index.vue

@@ -13,10 +13,11 @@
 </template>
 
 <script lang="ts" setup>
-import type { Article, ArticleContentType, Attachment, NotifyDetail, UploadResult } from "timi-web/editor";
+import type { Article, ArticleContentType, Attachment, UploadResult } from "../article-editor/types";
+import type { NotifyDetail } from "./types";
 import type { ArticleEditorExpose } from "../article-editor";
 import { ArticleEditor } from "../article-editor";
-import { normalizeNotifyContentType } from "timi-web/editor";
+import { normalizeNotifyContentType } from "./content";
 
 defineOptions({
 	name: "NotifyEditor"

src/components/notify-editor/types.ts

@@ -0,0 +1,15 @@
+import type { Article, Attachment } from "../article-editor/types";
+
+/** 通知内容支持的正文类型。 */
+export type NotifyContentType = "TEXT" | "TIP_TAP" | "TIPTAP";
+
+/** 通知编辑器需要的通知最小结构。 */
+export type NotifyDetail = {
+	[key: string]: any;
+	content?: string;
+	contentType?: string;
+	attachmentList?: Attachment[];
+};
+
+/** 通知内部复用文章编辑器的对象结构。 */
+export type NotifyArticle = Article;

src/components/notify-view/index.ts

@@ -1,5 +1,5 @@
 import view from "./index.vue";
-import { Toolkit } from "timi-web";
+import { WebToolkit } from "timi-web";
 
-export const NotifyView = Toolkit.withInstall(view);
+export const NotifyView = WebToolkit.withInstall(view);
 export default NotifyView;

src/components/notify-view/index.vue

@@ -7,9 +7,10 @@
 </template>
 
 <script lang="ts" setup>
-import type { Article, ArticleContentType, Attachment, NotifyDetail } from "timi-web/editor";
+import type { Article, ArticleContentType, Attachment } from "../article-editor/types";
+import type { NotifyDetail } from "../notify-editor/types";
 import { ArticleView } from "../article-view";
-import { normalizeNotifyContentType } from "timi-web/editor";
+import { normalizeNotifyContentType } from "../notify-editor/content";
 
 defineOptions({
 	name: "NotifyView"

src/components/root-layout/index.ts

@@ -1,5 +1,5 @@
 import view from "./index.vue";
-import { Toolkit } from "timi-web";
+import { WebToolkit } from "timi-web";
 
-export const RootLayout = Toolkit.withInstall(view);
+export const RootLayout = WebToolkit.withInstall(view);
 export default RootLayout;

src/components/tiptap-editor/index.ts

@@ -1,5 +1,5 @@
 import view from "./index.vue";
-import { Toolkit } from "timi-web";
+import { WebToolkit } from "timi-web";
 import type { TiptapEditorInstance } from "timi-web/editor";
 
 export * from "timi-web/editor";
@@ -15,5 +15,5 @@ export type TiptapEditorExpose = {
 	editor?: TiptapEditorInstance;
 };
 
-export const TiptapEditor = Toolkit.withInstall(view);
+export const TiptapEditor = WebToolkit.withInstall(view);
 export default TiptapEditor;

src/components/tiptap-view/index.ts

@@ -1,5 +1,5 @@
 import view from "./index.vue";
-import { Toolkit } from "timi-web";
+import { WebToolkit } from "timi-web";
 
-export const TiptapView = Toolkit.withInstall(view);
+export const TiptapView = WebToolkit.withInstall(view);
 export default TiptapView;

src/components/user-level/index.ts

@@ -0,0 +1,42 @@
+import view from "./index.vue";
+import { WebToolkit } from "timi-web";
+
+import type { UserLevelInfo } from "./types";
+
+const LEVEL_EXP = [0, 16, 32, 64, 128, 256, 512, 1024, 2048, 4096];
+
+function toUserLevel(exp = 0): UserLevelInfo {
+	const currentExp = Math.max(0, exp);
+	let value = 0;
+
+	for (let index = 0; index < LEVEL_EXP.length; index++) {
+		if (LEVEL_EXP[index] > currentExp) {
+			break;
+		}
+		value = index;
+	}
+
+	const currentLevelExp = LEVEL_EXP[value];
+	const nextLevelExp = LEVEL_EXP[value + 1] || currentLevelExp;
+	const levelExp = nextLevelExp - currentLevelExp;
+	const percent = levelExp > 0
+		? Math.min(100, (currentExp - currentLevelExp) / levelExp * 100)
+		: 100;
+
+	return {
+		value,
+		percent,
+		nextLevelUp: Math.max(0, nextLevelExp - currentExp)
+	};
+}
+
+export const UserLevel = WebToolkit.withInstall(view);
+export default UserLevel;
+
+export {
+	toUserLevel
+};
+
+export type {
+	UserLevelInfo
+} from "./types";

src/components/user-level/index.vue

@@ -0,0 +1,25 @@
+<template>
+	<div class="tui-user-level" />
+</template>
+
+<script lang="ts" setup>
+defineOptions({
+	name: "UserLevel"
+});
+
+const props = withDefaults(defineProps<{
+	value: number;
+}>(), {});
+const { value } = toRefs(props);
+
+const offset = computed(() => -9 * value.value + "px");
+</script>
+
+<style lang="less" scoped>
+.tui-user-level {
+	width: 19px;
+	height: 9px;
+	background: url("./icon.png");
+	background-position-y: v-bind(offset);
+}
+</style>

src/components/user-level/types.ts

@@ -0,0 +1,9 @@
+type UserLevelInfo = {
+	value: number;
+	percent: number;
+	nextLevelUp: number;
+};
+
+export type {
+	UserLevelInfo
+};

src/components/user-profile/index.ts

@@ -1,5 +1,14 @@
 import view from "./index.vue";
-import { Toolkit } from "timi-web";
+import { WebToolkit } from "timi-web";
 
-export const UserProfile = Toolkit.withInstall(view);
+export const UserProfile = WebToolkit.withInstall(view);
 export default UserProfile;
+
+export { ImageType } from "./types";
+
+export type {
+	ImageTypeKey,
+	UserImageResolver,
+	UserProfile as UserProfileData,
+	UserView
+} from "./types";

src/components/user-profile/index.vue

@@ -2,23 +2,23 @@
 	<div class="tui-user-profile">
 		<template v-if="user">
 			<img
-				:class="(<any>ImageType)[user.profile.wrapperType]"
+				:class="getImageClass(user.profile.wrapperType)"
-				:src="UserAPI.getWrapperURL(user.profile)"
+				:src="wrapperUrl"
 				width="320"
 				alt="背景"
 			/>
 			<img
 				class="avatar"
-				:class="(<any>ImageType)[user.profile.avatarType]"
+				:class="getImageClass(user.profile.avatarType)"
 				width="64"
 				height="64"
-				:src="UserAPI.getAvatarURL(user.profile)"
+				:src="avatarUrl"
 				alt="头像"
 			/>
 			<div class="info">
 				<div class="name">
 					<h3 class="value pink" v-text="user.name"></h3>
-					<user-level :value="Toolkit.toUserLevel(user.profile.exp).value" />
+					<user-level :value="toUserLevel(user.profile.exp).value" />
 				</div>
 				<template v-if="user.profile.sex">
 					<icon
@@ -43,17 +43,55 @@
 </template>
 
 <script lang="ts" setup>
-import { Icon, ImageType, Toolkit, UserAPI, UserLevel, UserView } from "timi-web";
+import { Icon } from "timi-web";
+import { toUserLevel } from "../user-level";
+import { ImageType } from "./types";
+import type {
+	ImageTypeKey,
+	UserImageResolver,
+	UserView
+} from "./types";
 
 defineOptions({
 	name: "UserProfile"
 });
 
 const props = withDefaults(defineProps<{
-	user?: UserView,
+	user?: UserView;
+	resolveAvatarUrl?: UserImageResolver;
+	resolveWrapperUrl?: UserImageResolver;
 }>(), {
 });
 const { user } = toRefs(props);
+
+const wrapperUrl = ref("");
+const avatarUrl = ref("");
+
+async function updateImageUrls(value?: UserView) {
+	const profile = value?.profile;
+
+	wrapperUrl.value = profile?.wrapperUrl || "";
+	avatarUrl.value = profile?.avatarUrl || "";
+	if (!profile) {
+		return;
+	}
+
+	if (props.resolveWrapperUrl) {
+		wrapperUrl.value = await props.resolveWrapperUrl(profile) || wrapperUrl.value;
+	}
+	if (props.resolveAvatarUrl) {
+		avatarUrl.value = await props.resolveAvatarUrl(profile) || avatarUrl.value;
+	}
+}
+
+watch(() => props.user, async value => await updateImageUrls(value), {
+	deep: true,
+	immediate: true
+});
+
+function getImageClass(type?: string) {
+	return type && type in ImageType ? ImageType[type as ImageTypeKey] : "";
+}
 </script>
 
 <style lang="less" scoped>

src/components/user-profile/popup/index.ts

@@ -1,5 +1,5 @@
 import view from "./index.vue";
-import { Toolkit } from "timi-web";
+import { WebToolkit } from "timi-web";
 
-export const UserProfilePopup = Toolkit.withInstall(view);
+export const UserProfilePopup = WebToolkit.withInstall(view);
 export default UserProfilePopup;

src/components/user-profile/types.ts

@@ -0,0 +1,44 @@
+import type { Attachment } from "../article-editor/types";
+
+const ImageType = {
+	"IR-AUTO": "ir-auto",
+	"IR-SMOOTH": "ir-smooth",
+	"IR-PIXELATED": "ir-pixelated",
+	AUTO: "ir-auto",
+	SMOOTH: "ir-smooth",
+	PIXELATED: "ir-pixelated"
+} as const;
+
+type ImageTypeKey = keyof typeof ImageType;
+
+type UserProfile = {
+	avatarType?: string;
+	description?: string;
+	exp?: number;
+	sex?: number;
+	wrapperType?: string;
+	avatarUrl?: string;
+	wrapperUrl?: string;
+	attachmentList?: Attachment[];
+};
+
+type UserView = {
+	id?: string;
+	name: string;
+	profile: UserProfile;
+};
+
+type UserImageResolver = (
+	profile: UserProfile
+) => string | undefined | Promise<string | undefined>;
+
+export {
+	ImageType
+};
+
+export type {
+	ImageTypeKey,
+	UserImageResolver,
+	UserProfile,
+	UserView
+};

src/index.ts

@@ -1,5 +1,4 @@
-import "./assets/style/tencent-cloud.less";
+import "./assets/style/tdesign-custom.less";
-import "./assets/style/tencent-cloud-custom.less";
 import { popupUserStore } from "./store/popupUser";
 import "./components/tiptap-content.less";
 import "timi-web/style.css";

src/store/popupUser.ts

@@ -1,4 +1,5 @@
-import { PopupConfig, PopupType, UserView } from "timi-web";
+import { PopupConfig, PopupType } from "timi-web";
+import type { UserView } from "~/components/user-profile/types";
 
 const user = ref<UserView>();
 

vite.config.ts

@@ -72,7 +72,10 @@ export default defineConfig({
 			include: [/\.vue$/, /\.md$/]
 		}),
 		VueSetupExtend(),
-		dts(),
+		dts({
+			pathsToAliases: false,
+			aliasesExclude: [/^timi-web\/editor$/]
+		}),
 		AutoImport({
 			imports: [
 				"vue"