@douyinfe/semi-foundation 2.90.0 → 2.90.1-alpha.0

package/clientAI/clientAI.scss

@@ -0,0 +1,70 @@
+@import './variables.scss';
+
+$module: #{$prefix}-client-ai;
+
+.#{$module} {
+    &-wrapper {
+        padding: $spacing-clientAI-wrapper-padding;
+        max-width: $width-clientAI-wrapper-max;
+        margin: 0 auto;
+        min-height: $height-clientAI-wrapper-min;
+        height: $height-clientAI-wrapper-min;
+        display: flex;
+        flex-direction: column;
+    }
+
+    &-loading {
+        padding: $spacing-clientAI-loading-paddingY $spacing-clientAI-loading-paddingX !important;
+        display: flex !important;
+        flex-direction: column !important;
+        justify-content: center !important;
+        align-items: center !important;
+        min-height: $height-clientAI-loading-min !important;
+        gap: $spacing-clientAI-loading-gap;
+    }
+
+    &-loading-content {
+        width: 100%;
+        max-width: $width-clientAI-loading-content-max;
+        display: flex;
+        flex-direction: column;
+        gap: $spacing-clientAI-loading-content-gap;
+    }
+
+    &-loading-text {
+        text-align: center;
+        font-size: $font-clientAI-loading-text-fontSize;
+        color: var(--semi-color-text-0);
+    }
+
+    &-error {
+        padding: $spacing-clientAI-error-padding;
+    }
+
+    &-content {
+        flex: 1;
+        display: flex;
+        flex-direction: column;
+        min-height: 0;
+        overflow: hidden;
+    }
+
+    &-dialogue-wrapper {
+        flex: 1;
+        overflow: auto;
+    }
+
+    &-input-wrapper {
+        margin: $spacing-clientAI-input-wrapper-margin;
+        min-height: $height-clientAI-input-wrapper-min;
+        max-height: $height-clientAI-input-wrapper-max;
+        flex-shrink: 0;
+    }
+
+    &-input-edit {
+        margin: $spacing-clientAI-input-edit-marginY $spacing-clientAI-input-edit-marginX;
+        max-height: $height-clientAI-input-edit-max;
+        flex-shrink: 0;
+    }
+}
+

package/clientAI/constants.ts

@@ -0,0 +1,109 @@
+import { BASE_CLASS_PREFIX } from '../base/constants';
+import type { AppConfig, MLCEngineConfig } from './interface';
+
+const cssClasses = {
+    PREFIX: `${BASE_CLASS_PREFIX}-client-ai`,
+    WRAPPER: `${BASE_CLASS_PREFIX}-client-ai-wrapper`,
+    LOADING: `${BASE_CLASS_PREFIX}-client-ai-loading`,
+    LOADING_CONTENT: `${BASE_CLASS_PREFIX}-client-ai-loading-content`,
+    LOADING_TEXT: `${BASE_CLASS_PREFIX}-client-ai-loading-text`,
+    ERROR: `${BASE_CLASS_PREFIX}-client-ai-error`,
+    CONTENT: `${BASE_CLASS_PREFIX}-client-ai-content`,
+    DIALOGUE_WRAPPER: `${BASE_CLASS_PREFIX}-client-ai-dialogue-wrapper`,
+    INPUT_WRAPPER: `${BASE_CLASS_PREFIX}-client-ai-input-wrapper`,
+    INPUT_EDIT: `${BASE_CLASS_PREFIX}-client-ai-input-edit`,
+} as const;
+
+const strings = {} as const;
+
+const numbers = {} as const;
+
+// ============================================
+// 国外配置（使用 Hugging Face + GitHub Raw）
+// ============================================
+
+// Qwen3-1.7B 模型配置 - 国外
+export const Qwen3_1_7B_RECORD = {
+    model: 'https://huggingface.co/mlc-ai/Qwen3-1.7B-q4f32_1-MLC',
+    model_id: 'Qwen3-1.7B-q4f32_1-MLC',
+    model_lib: 'https://raw.githubusercontent.com/mlc-ai/binary-mlc-llm-libs/main/web-llm-models/v0_2_80/Qwen3-1.7B-q4f32_1-ctx4k_cs1k-webgpu.wasm',
+    vram_required_MB: 2635.44,
+    low_resource_required: true,
+    overrides: {
+        context_window_size: 40960,
+    },
+};
+
+// Qwen3-1.7B 引擎配置 - 国外
+export const Qwen3_1_7B_ENGINE_CONFIG: MLCEngineConfig = {
+    appConfig: {
+        useIndexedDBCache: true,
+        model_list: [Qwen3_1_7B_RECORD],
+    } as AppConfig,
+};
+
+// Qwen3-4B 模型配置 - 国外
+export const Qwen3_4B_RECORD = {
+    model: 'https://huggingface.co/mlc-ai/Qwen3-4B-q4f32_1-MLC',
+    model_id: 'Qwen3-4B-q4f32_1-MLC',
+    model_lib: 'https://raw.githubusercontent.com/mlc-ai/binary-mlc-llm-libs/main/web-llm-models/v0_2_80/Qwen3-4B-q4f32_1-ctx4k_cs1k-webgpu.wasm',
+    vram_required_MB: 6000,
+    low_resource_required: false,
+    overrides: {
+        context_window_size: 40960,
+    },
+};
+
+// Qwen3-4B 引擎配置 - 国外
+export const Qwen3_4B_ENGINE_CONFIG: MLCEngineConfig = {
+    appConfig: {
+        useIndexedDBCache: true,
+        model_list: [Qwen3_4B_RECORD],
+    } as AppConfig,
+};
+
+// ============================================
+// 中国配置（使用 ModelScope + jsDelivr CDN）
+// ============================================
+
+// Qwen3-1.7B 模型配置 - 中国
+export const Qwen3_1_7B_RECORD_CN = {
+    model: 'https://modelscope.cn/models/mlc-ai/Qwen3-1.7B-q4f32_1-MLC',
+    model_id: 'Qwen3-1.7B-q4f32_1-MLC',
+    model_lib: 'https://cdn.jsdelivr.net/gh/mlc-ai/binary-mlc-llm-libs@main/web-llm-models/v0_2_80/Qwen3-1.7B-q4f32_1-ctx4k_cs1k-webgpu.wasm',
+    vram_required_MB: 2635.44,
+    low_resource_required: true,
+    overrides: {
+        context_window_size: 40960,
+    },
+};
+
+// Qwen3-1.7B 引擎配置 - 中国
+export const Qwen3_1_7B_ENGINE_CONFIG_CN: MLCEngineConfig = {
+    appConfig: {
+        useIndexedDBCache: true,
+        model_list: [Qwen3_1_7B_RECORD_CN],
+    } as AppConfig,
+};
+
+// Qwen3-4B 模型配置 - 中国
+export const Qwen3_4B_RECORD_CN = {
+    model: 'https://modelscope.cn/models/mlc-ai/Qwen3-4B-q4f32_1-MLC',
+    model_id: 'Qwen3-4B-q4f32_1-MLC',
+    model_lib: 'https://cdn.jsdelivr.net/gh/mlc-ai/binary-mlc-llm-libs@main/web-llm-models/v0_2_80/Qwen3-4B-q4f32_1-ctx4k_cs1k-webgpu.wasm',
+    vram_required_MB: 6000,
+    low_resource_required: false,
+    overrides: {
+        context_window_size: 40960,
+    },
+};
+
+// Qwen3-4B 引擎配置 - 中国
+export const Qwen3_4B_ENGINE_CONFIG_CN: MLCEngineConfig = {
+    appConfig: {
+        useIndexedDBCache: true,
+        model_list: [Qwen3_4B_RECORD_CN],
+    } as AppConfig,
+};
+
+export { cssClasses, strings, numbers };