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

package/getBabelConfig.js

@@ -0,0 +1,24 @@
+module.exports = ({ isESM }) => {
+    return {
+        presets: [
+            [
+                '@babel/preset-env',
+                {
+                    modules: isESM ? false : 'commonjs',
+                    targets: {
+                        browsers: [
+                            "> 0.5%",
+                            "last 2 versions",
+                            "Firefox ESR",
+                            "not dead",
+                            "not IE 11"
+                        ]
+                    }
+                },
+            ],
+        ],
+        plugins: [
+            'lodash',
+        ]
+    };
+};

package/gulpfile.js

@@ -0,0 +1,107 @@
+const path = require('path');
+const { Buffer } = require('buffer');
+const through2 = require('through2');
+const gulp = require('gulp');
+const merge2 = require('merge2');
+const gulpTS = require('gulp-typescript');
+const gulpBabel = require('gulp-babel');
+const sass = require('gulp-sass')(require('sass'));
+const del = require('del');
+const tsConfig = require('./tsconfig.json');
+const getBabelConfig = require('./getBabelConfig');
+
+gulp.task('cleanLib', function cleanLib() {
+    return del(['lib/**/*']);
+});
+
+function compileTS(isESM) {
+    const targetDir = isESM ? 'lib/es' : 'lib/cjs';
+    const tsStream = gulp.src(['**/*.ts', '!node_modules/**/*.*'])
+        .pipe(gulpTS(tsConfig.compilerOptions));
+    const jsStream = tsStream.js
+        .pipe(gulpBabel(getBabelConfig({ isESM })))
+        .pipe(gulp.dest(targetDir));
+    const dtsStream = tsStream.dts.pipe(gulp.dest(targetDir));
+    return merge2([jsStream, dtsStream]);
+}
+
+gulp.task('compileTSForESM', function compileTSForESM() {
+    return compileTS(true);
+});
+
+gulp.task('compileTSForCJS', function compileTSForCJS() {
+    return compileTS(false);
+});
+
+const excludeScss = [
+    '!**/button/splitButtonGroup.scss',
+    '!**/steps/bacisSteps.scss',
+    '!**/steps/fillSteps.scss',
+    '!**/steps/navSteps.scss',
+    '!**/table/operationPanel.scss',
+    '!**/tooltip/arrow.scss',
+    '!**/autoComplete/option.scss',
+    '!**/select/option.scss',
+];
+gulp.task('compileScss', function compileScss() {
+    return gulp.src(['**/*.scss', '!node_modules/**/*.*', '!**/rtl.scss', '!**/variables.scss', "!**/animation.scss", ...excludeScss])
+        .pipe(through2.obj(
+            function (chunk, enc, cb) {
+                const rootPath = path.join(__dirname, '../../');
+                const scssVarStr = `@import "${rootPath}/packages/semi-theme-default/scss/index.scss";\n`;
+                let scssRaw = chunk.contents.toString('utf-8');
+                if (scssRaw.startsWith("@use")) {
+                    const scssRawSplit = scssRaw.split("\n");
+                    const codeStartIndex = scssRawSplit.findIndex(item => !item.startsWith("@use"));
+                    scssRawSplit.splice(codeStartIndex, 0, scssVarStr);
+                    scssRaw = scssRawSplit.join("\n");
+                } else {
+                    scssRaw = `${scssVarStr}\n${scssRaw}`;
+                }
+                chunk.contents = Buffer.from(scssRaw, 'utf-8');
+                cb(null, chunk);
+            }
+        ))
+        .pipe(sass({
+            charset: false
+        }).on('error', sass.logError))
+        .pipe(gulp.dest('lib/es'))
+        .pipe(gulp.dest('lib/cjs'));
+});
+
+gulp.task('moveScss', function moveScss() {
+    return gulp.src(['**/*.scss', '!node_modules/**/*.*'])
+        .pipe(gulp.dest('lib/es'))
+        .pipe(gulp.dest('lib/cjs'));
+});
+
+gulp.task('compileLib',
+    gulp.series(
+        [
+            'cleanLib', 'compileScss',
+            'moveScss',
+            gulp.parallel('compileTSForESM', 'compileTSForCJS'),
+        ]
+    )
+);
+
+gulp.task('findDupCSSVariables', function findDupCSSVariables() {
+    return gulp.src(['**/variable?.scss', '!node_modules/**/*.*'])
+        .pipe(through2.obj((chunk, enc, cb) => {
+            const fileStr = chunk.contents.toString(enc);
+            const lines = fileStr.split('\n');
+            const variables = new Set();
+            for (let line of lines) {
+                if (/\$[a-z]+(-[a-z0-9_]+)+/.test(line)) {
+                    const variable = line.split(':')[0];
+                    if (variables.has(variable)) {
+                        console.error(`❌ ${variable} dup`);
+                    } else {
+                        variables.add(variable);
+                    }
+                }
+            }
+            cb();
+        }));
+});
+

package/jsonViewer/script/build.js

@@ -0,0 +1,51 @@
+const esbuild = require('esbuild');
+const path = require('path');
+const fs = require('fs');
+
+
+
+
+const compileWorker = async ()=>{
+    const workerEntry = path.join(__dirname, "..", "core/src/worker/json.worker.ts");
+
+    const result = await esbuild.build({
+        entryPoints: [workerEntry],
+        bundle: true,
+        write: false,
+    });
+    return result.outputFiles[0].text;
+};
+
+
+const buildMain = async ()=>{
+    const mainEntry = path.join(__dirname, "..", "core/src/index.ts");
+
+    const result = await esbuild.build({
+        entryPoints: [mainEntry],
+        bundle: true,
+        packages: 'external',
+        write: false,
+        format: 'esm'
+    });
+    return result.outputFiles[0].text;
+
+};
+
+
+
+const compile = async ()=>{
+    const workerRaw = await compileWorker();
+
+    const mainRaw = await buildMain();
+
+    const finalRaw = mainRaw.replaceAll("%WORKER_RAW%", encodeURIComponent(workerRaw));
+
+    const saveDir = path.join(__dirname, "..", "core/lib");
+
+    if (!fs.existsSync(saveDir)) {
+        fs.mkdirSync(saveDir);
+    }
+    fs.writeFileSync(path.join(saveDir, "index.js"), finalRaw, 'utf8');
+};
+
+compile();

package/lib/cjs/datePicker/monthsGridFoundation.d.ts

@@ -253,6 +253,6 @@ export default class MonthsGridFoundation extends BaseFoundation<MonthsGridAdapt
      *  - When yam open type is 'left' or 'right', weeks minHeight should be set
      *    If the minHeight is not set, the change of the number of weeks will cause the scrollList to be unstable
      */
-    getYAMOpenType(): "left" | "right" | "none" | "both";
+    getYAMOpenType(): "none" | "left" | "right" | "both";
 }
 export {};

package/lib/cjs/tree/treeUtil.d.ts

@@ -83,6 +83,6 @@ export declare function getValueOrKey(data: any, keyMaps?: KeyMapProps): any;
 export declare function normalizeValue(value: any, withObject: boolean, keyMaps?: KeyMapProps): any;
 export declare function updateKeys(keySet: Set<string> | string[], keyEntities: KeyEntities): string[];
 export declare function calcDisabledKeys(keyEntities: KeyEntities, keyMaps?: KeyMapProps): Set<string>;
-export declare function calcDropRelativePosition(event: any, treeNode: any): 1 | -1 | 0;
+export declare function calcDropRelativePosition(event: any, treeNode: any): 1 | 0 | -1;
 export declare function getDragNodesKeys(key: string, keyEntities: KeyEntities): string[];
 export declare function calcDropActualPosition(pos: string, relativeDropPos: any): any;

package/lib/es/datePicker/monthsGridFoundation.d.ts

@@ -253,6 +253,6 @@ export default class MonthsGridFoundation extends BaseFoundation<MonthsGridAdapt
      *  - When yam open type is 'left' or 'right', weeks minHeight should be set
      *    If the minHeight is not set, the change of the number of weeks will cause the scrollList to be unstable
      */
-    getYAMOpenType(): "left" | "right" | "none" | "both";
+    getYAMOpenType(): "none" | "left" | "right" | "both";
 }
 export {};

package/lib/es/tree/treeUtil.d.ts

@@ -83,6 +83,6 @@ export declare function getValueOrKey(data: any, keyMaps?: KeyMapProps): any;
 export declare function normalizeValue(value: any, withObject: boolean, keyMaps?: KeyMapProps): any;
 export declare function updateKeys(keySet: Set<string> | string[], keyEntities: KeyEntities): string[];
 export declare function calcDisabledKeys(keyEntities: KeyEntities, keyMaps?: KeyMapProps): Set<string>;
-export declare function calcDropRelativePosition(event: any, treeNode: any): 1 | -1 | 0;
+export declare function calcDropRelativePosition(event: any, treeNode: any): 1 | 0 | -1;
 export declare function getDragNodesKeys(key: string, keyEntities: KeyEntities): string[];
 export declare function calcDropActualPosition(pos: string, relativeDropPos: any): any;

package/package.json

@@ -1,32 +1,15 @@
 {
     "name": "@douyinfe/semi-foundation",
-    "version": "2.90.1-alpha.0",
+    "version": "2.90.1-alpha.2",
     "description": "",
     "scripts": {
-        "clean": "rimraf lib",
         "build:lib": "node ./scripts/compileLib.js",
-        "prepublishOnly": "npm run clean && npm run build:lib"
-    },
-    "files": [
-        "lib/*",
-        "**/*.ts",
-        "**/*.scss",
-        "!**/node_modules/**",
-        "!**/*.test.ts",
-        "!**/*.spec.ts"
-    ],
-    "typesVersions": {
-        "*": {
-            "*": [
-                "lib/es/*"
-            ]
-        }
+        "prepublishOnly": "npm run build:lib"
     },
     "dependencies": {
-        "@douyinfe/semi-animation": "2.90.1-alpha.0",
-        "@douyinfe/semi-json-viewer-core": "2.90.1-alpha.0",
+        "@douyinfe/semi-animation": "2.90.1-alpha.2",
+        "@douyinfe/semi-json-viewer-core": "2.90.1-alpha.2",
         "@mdx-js/mdx": "^3.0.1",
-        "@mlc-ai/web-llm": "^0.2.80",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "date-fns": "^2.29.3",
@@ -46,7 +29,7 @@
         "*.scss",
         "*.css"
     ],
-    "gitHead": "45220ac4d7b6983a9f346f7606b5e76fc5bee8d2",
+    "gitHead": "d18a8b7d4bc38ae0cdc1dcbbe372b4d99bbde398",
     "devDependencies": {
         "@babel/plugin-transform-runtime": "^7.15.8",
         "@babel/preset-env": "^7.15.8",
@@ -62,7 +45,6 @@
         "gulp-sass": "^5.0.0",
         "gulp-typescript": "^6.0.0-alpha.1",
         "merge2": "^1.4.1",
-        "rimraf": "^3.0.2",
         "through2": "^4.0.2"
     }
 }

package/scripts/compileLib.js

@@ -0,0 +1,13 @@
+const gulp = require('gulp');
+require('../gulpfile');
+
+function compileLib() {
+    const taskInstance = gulp.task('compileLib');
+    if (taskInstance === undefined) {
+        console.error('no task named compileLib registered');
+        return;
+    }
+    taskInstance.apply(gulp);
+}
+
+compileLib();

package/tsconfig.json

@@ -0,0 +1,25 @@
+{
+    "compilerOptions": {
+        "target": "ES2015",
+        "baseUrl": "./",
+        "outDir": "lib",
+        "sourceMap": true,
+        "allowJs": true,
+        "module": "es6",
+        "lib": ["esnext", "dom"],
+        "moduleResolution": "node",
+        "noImplicitAny": false,
+        "forceConsistentCasingInFileNames": true,
+        "allowSyntheticDefaultImports": true,
+        "experimentalDecorators": true,
+        "noImplicitReturns": true,
+        "noImplicitThis": false,
+        "strictNullChecks": false,
+        "esModuleInterop": true,
+        "skipLibCheck": true,
+        "declaration": true,
+        "strict": true
+    },
+    "include": ["**/*.ts"],
+    "exclude": ["node_modules"]
+}

package/clientAI/clientAI.scss

@@ -1,70 +0,0 @@
-@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

@@ -1,109 +0,0 @@
-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 };