@lark-apaas/miaoda-presets 0.1.0-alpha.1

package/LICENSE

@@ -0,0 +1,13 @@
+MIT License
+
+Copyright (c) 2024 Lark Technologies Pte. Ltd. and/or its affiliates
+
+Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted,provided that the above copyright notice and this permission notice appear in all copies.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS
+IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE
+INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO
+EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR
+CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE,
+DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS
+ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

package/README.md

@@ -0,0 +1 @@
+# Presets

package/lib/eslint.config.js

@@ -0,0 +1,49 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createEslintConfig = createEslintConfig;
+const js_1 = __importDefault(require("@eslint/js"));
+const globals_1 = __importDefault(require("globals"));
+const eslint_plugin_react_hooks_1 = __importDefault(require("eslint-plugin-react-hooks"));
+const typescript_eslint_1 = __importDefault(require("typescript-eslint"));
+const eslint_1 = __importDefault(require("./recommend/eslint"));
+// eslint-disable-next-line @typescript-eslint/no-require-imports
+const importPlugin = require('eslint-plugin-import');
+function createEslintConfig() {
+    return typescript_eslint_1.default.config({ ignores: ['dist', 'node_modules', 'build'] }, {
+        extends: [js_1.default.configs.recommended, eslint_1.default, ...typescript_eslint_1.default.configs.recommended],
+        files: ['src/**/*.{ts,tsx}'],
+        languageOptions: {
+            ecmaVersion: 2020,
+            globals: {
+                ...globals_1.default.browser,
+                ...globals_1.default.node,
+                // for NodeJS globals typescript
+                NodeJS: true,
+            },
+        },
+        plugins: {
+            'react-hooks': eslint_plugin_react_hooks_1.default,
+            import: importPlugin,
+        },
+        settings: {
+            'import/resolver': {
+                node: {
+                    extensions: ['.js', '.jsx', '.ts', '.tsx'],
+                },
+                alias: {
+                    map: [['@', './src']],
+                    extensions: ['.js', '.jsx', '.ts', '.tsx'],
+                },
+            },
+            'import/parsers': {
+                '@typescript-eslint/parser': ['.ts', '.tsx'],
+            },
+        },
+        rules: {
+            ...eslint_plugin_react_hooks_1.default.configs.recommended.rules,
+        },
+    });
+}

package/lib/external-js-loader.js

@@ -0,0 +1,79 @@
+"use strict";
+/**
+ * play-render 使用的 umd-loader
+ */
+// Define scripts with their dependencies
+const scripts = {
+    react: {
+        src: 'https://unpkg.byted-static.com/react/18.2.0/umd/react.development.js',
+        deps: [],
+    },
+    'react-dom': {
+        src: 'https://unpkg.byted-static.com/react-dom/18.2.0/umd/react-dom.development.js',
+        deps: ['react'],
+    },
+    dayjs: {
+        src: 'https://unpkg.byted-static.com/dayjs/1.11.13/dayjs.min.js',
+        deps: [],
+    },
+    echarts: {
+        src: 'https://unpkg.byted-static.com/echarts/5.4.3/dist/echarts.min.js',
+        deps: [],
+    },
+    antdIcons: {
+        src: 'https://unpkg.byted-static.com/ant-design/icons/5.6.1/dist/index.umd.min.js',
+        deps: ['react'],
+    },
+    antd: {
+        src: 'https://unpkg.byted-static.com/byted/spark-ui/5.26.6-patch.7/dist/antd-with-locales.js',
+        // src: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/LMfspH/ljhwZthlaukjlkulzlp/miao/antd/5.26.6-patch.6/antd-with-locales.js',
+        // src: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/LMfspH/ljhwZthlaukjlkulzlp/miao/antd/5.26.6-patch.5/antd.js',
+        deps: ['react', 'react-dom', 'dayjs'],
+    },
+};
+// Function to load script
+function loadScript(src) {
+    return new Promise((resolve, reject) => {
+        const script = document.createElement('script');
+        script.src = src;
+        script.onload = resolve;
+        script.onerror = reject;
+        document.head.appendChild(script);
+    });
+}
+// Function to load scripts based on dependencies
+function loadScriptsWithDeps() {
+    const loaded = new Set();
+    const loading = new Map();
+    function loadWithDeps(name) {
+        // If already loaded, return resolved promise
+        if (loaded.has(name)) {
+            return Promise.resolve();
+        }
+        // If currently loading, return the existing promise
+        if (loading.has(name)) {
+            return loading.get(name);
+        }
+        const script = scripts[name];
+        // Create loading promise for this script
+        const loadingPromise = Promise.all(
+        // Map dependencies to promises
+        script.deps.map((dep) => loadWithDeps(dep)))
+            .then(() => {
+            // After all dependencies are loaded, load this script
+            return loadScript(script.src);
+        })
+            .then(() => {
+            // Mark as loaded after successful load
+            loaded.add(name);
+            console.log('loaded', name);
+        });
+        // Store the loading promise
+        loading.set(name, loadingPromise);
+        return loadingPromise;
+    }
+    // Load all scripts
+    return Promise.all(Object.keys(scripts).map((name) => loadWithDeps(name)));
+}
+// Start loading all scripts
+window.__FEISUDA_SCRIPTS_LOADED__ = loadScriptsWithDeps();

package/lib/module-alias/clsx.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.clsx = clsx;
+const clsx_1 = __importDefault(require("clsx"));
+const tailwind_merge_1 = require("tailwind-merge");
+function clsx(...args) {
+    return (0, tailwind_merge_1.twMerge)((0, clsx_1.default)(...args));
+}
+exports.default = clsx;

package/lib/module-alias/dayjs.js

@@ -0,0 +1,93 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.registerDayjsPlugins = registerDayjsPlugins;
+__exportStar(require("dayjs"), exports);
+// side-effects
+const dayjs_1 = __importDefault(require("dayjs"));
+const advancedFormat_1 = __importDefault(require("dayjs/plugin/advancedFormat"));
+const arraySupport_1 = __importDefault(require("dayjs/plugin/arraySupport"));
+const calendar_1 = __importDefault(require("dayjs/plugin/calendar"));
+const customParseFormat_1 = __importDefault(require("dayjs/plugin/customParseFormat"));
+const dayOfYear_1 = __importDefault(require("dayjs/plugin/dayOfYear"));
+const duration_1 = __importDefault(require("dayjs/plugin/duration"));
+const isBetween_1 = __importDefault(require("dayjs/plugin/isBetween"));
+const isLeapYear_1 = __importDefault(require("dayjs/plugin/isLeapYear"));
+const isMoment_1 = __importDefault(require("dayjs/plugin/isMoment"));
+const isSameOrAfter_1 = __importDefault(require("dayjs/plugin/isSameOrAfter"));
+const isSameOrBefore_1 = __importDefault(require("dayjs/plugin/isSameOrBefore"));
+const isToday_1 = __importDefault(require("dayjs/plugin/isToday"));
+const isTomorrow_1 = __importDefault(require("dayjs/plugin/isTomorrow"));
+const isYesterday_1 = __importDefault(require("dayjs/plugin/isYesterday"));
+const isoWeek_1 = __importDefault(require("dayjs/plugin/isoWeek"));
+const isoWeeksInYear_1 = __importDefault(require("dayjs/plugin/isoWeeksInYear"));
+const localeData_1 = __importDefault(require("dayjs/plugin/localeData"));
+const localizedFormat_1 = __importDefault(require("dayjs/plugin/localizedFormat"));
+const minMax_1 = __importDefault(require("dayjs/plugin/minMax"));
+const negativeYear_1 = __importDefault(require("dayjs/plugin/negativeYear"));
+const objectSupport_1 = __importDefault(require("dayjs/plugin/objectSupport"));
+const pluralGetSet_1 = __importDefault(require("dayjs/plugin/pluralGetSet"));
+const preParsePostFormat_1 = __importDefault(require("dayjs/plugin/preParsePostFormat"));
+const quarterOfYear_1 = __importDefault(require("dayjs/plugin/quarterOfYear"));
+const relativeTime_1 = __importDefault(require("dayjs/plugin/relativeTime"));
+const toArray_1 = __importDefault(require("dayjs/plugin/toArray"));
+const toObject_1 = __importDefault(require("dayjs/plugin/toObject"));
+const updateLocale_1 = __importDefault(require("dayjs/plugin/updateLocale"));
+const weekOfYear_1 = __importDefault(require("dayjs/plugin/weekOfYear"));
+const weekYear_1 = __importDefault(require("dayjs/plugin/weekYear"));
+const weekday_1 = __importDefault(require("dayjs/plugin/weekday"));
+let isRegistered = false;
+function registerDayjsPlugins() {
+    if (isRegistered) {
+        return;
+    }
+    isRegistered = true;
+    // 默认导入所有插件
+    dayjs_1.default.extend(advancedFormat_1.default);
+    dayjs_1.default.extend(arraySupport_1.default);
+    dayjs_1.default.extend(calendar_1.default);
+    dayjs_1.default.extend(customParseFormat_1.default);
+    dayjs_1.default.extend(dayOfYear_1.default);
+    dayjs_1.default.extend(duration_1.default);
+    dayjs_1.default.extend(isBetween_1.default);
+    dayjs_1.default.extend(isLeapYear_1.default);
+    dayjs_1.default.extend(isMoment_1.default);
+    dayjs_1.default.extend(isSameOrAfter_1.default);
+    dayjs_1.default.extend(isSameOrBefore_1.default);
+    dayjs_1.default.extend(isToday_1.default);
+    dayjs_1.default.extend(isTomorrow_1.default);
+    dayjs_1.default.extend(isYesterday_1.default);
+    dayjs_1.default.extend(isoWeek_1.default);
+    dayjs_1.default.extend(isoWeeksInYear_1.default);
+    dayjs_1.default.extend(localeData_1.default);
+    dayjs_1.default.extend(localizedFormat_1.default);
+    dayjs_1.default.extend(minMax_1.default);
+    dayjs_1.default.extend(negativeYear_1.default);
+    dayjs_1.default.extend(objectSupport_1.default);
+    dayjs_1.default.extend(pluralGetSet_1.default);
+    dayjs_1.default.extend(preParsePostFormat_1.default);
+    dayjs_1.default.extend(quarterOfYear_1.default);
+    dayjs_1.default.extend(relativeTime_1.default);
+    dayjs_1.default.extend(toArray_1.default);
+    dayjs_1.default.extend(toObject_1.default);
+    dayjs_1.default.extend(updateLocale_1.default);
+    dayjs_1.default.extend(weekOfYear_1.default);
+    dayjs_1.default.extend(weekYear_1.default);
+    dayjs_1.default.extend(weekday_1.default);
+}

package/lib/module-alias/echartThemeUD.json

@@ -0,0 +1,148 @@
+{
+    "version": 1,
+    "themeName": "UD Theme Style",
+    "theme": {
+        "seriesCnt": "6",
+        "backgroundColor": "rgba(0,0,0,0)",
+        "titleColor": "#1f2329",
+        "subtitleColor": "#8f959e",
+        "textColorShow": false,
+        "textColor": "#333",
+        "markTextColor": "#ffffff",
+        "color": [
+            "#3370eb",
+            "#1bcebf",
+            "#ffc60a",
+            "#ed6d0c",
+            "#dca1e4",
+            "#25b2e5",
+            "#6dcdeb",
+            "#288fcb",
+            "#94b5f5",
+            "#8f61d1",
+            "#8f61d1",
+            "#bf78e9",
+            "#008280",
+            "#27ad8e",
+            "#7bc335"
+        ],
+        "borderColor": "#dee0e3",
+        "borderWidth": 0,
+        "visualMapColor": ["#25b2e5", "#6dcdeb", "#288fcb"],
+        "legendTextColor": "#8f959e",
+        "kColor": "#fdc6c4",
+        "kColor0": "transparent",
+        "kBorderColor": "#f54a45",
+        "kBorderColor0": "#32a645",
+        "kBorderWidth": "2",
+        "lineWidth": "1",
+        "symbolSize": "6",
+        "symbol": "emptyCircle",
+        "symbolBorderWidth": "1",
+        "lineSmooth": true,
+        "graphLineWidth": 1,
+        "graphLineColor": "#dee0e3",
+        "mapLabelColor": "#000",
+        "mapLabelColorE": "#516b91",
+        "mapBorderColor": "#516b91",
+        "mapBorderColorE": "#516b91",
+        "mapBorderWidth": 0.5,
+        "mapBorderWidthE": 1,
+        "mapAreaColor": "#f3f3f3",
+        "mapAreaColorE": "#a5e7f0",
+        "axes": [
+            {
+                "type": "all",
+                "name": "通用坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#dee0e3",
+                "axisTickShow": false,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#8f959e",
+                "splitLineShow": true,
+                "splitLineColor": ["#dee0e3"],
+                "splitAreaShow": false,
+                "splitAreaColor": ["rgba(250,250,250,0.05)", "rgba(200,200,200,0.02)"]
+            },
+            {
+                "type": "category",
+                "name": "类目坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": false,
+                "splitLineColor": ["#ccc"],
+                "splitAreaShow": false,
+                "splitAreaColor": ["rgba(250,250,250,0.3)", "rgba(200,200,200,0.3)"]
+            },
+            {
+                "type": "value",
+                "name": "数值坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": ["#ccc"],
+                "splitAreaShow": false,
+                "splitAreaColor": ["rgba(250,250,250,0.3)", "rgba(200,200,200,0.3)"]
+            },
+            {
+                "type": "log",
+                "name": "对数坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": ["#ccc"],
+                "splitAreaShow": false,
+                "splitAreaColor": ["rgba(250,250,250,0.3)", "rgba(200,200,200,0.3)"]
+            },
+            {
+                "type": "time",
+                "name": "时间坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": ["#ccc"],
+                "splitAreaShow": false,
+                "splitAreaColor": ["rgba(250,250,250,0.3)", "rgba(200,200,200,0.3)"]
+            }
+        ],
+        "axisSeperateSetting": false,
+        "toolboxColor": "#8f959e",
+        "toolboxEmphasisColor": "#1f2329",
+        "tooltipAxisColor": "#dee0e3",
+        "tooltipAxisWidth": 1,
+        "timelineLineColor": "#336df4",
+        "timelineLineWidth": "-1",
+        "timelineItemColor": "#336df4",
+        "timelineItemColorE": "#1456f0",
+        "timelineCheckColor": "#1456f0",
+        "timelineCheckBorderColor": "#94b4ff",
+        "timelineItemBorderWidth": "0.5",
+        "timelineControlColor": "#336df4",
+        "timelineControlBorderColor": "#336df4",
+        "timelineControlBorderWidth": 0.5,
+        "timelineLabelColor": "#8f959e",
+        "datazoomBackgroundColor": "rgba(0,0,0,0)",
+        "datazoomDataColor": "rgba(255,255,255,0.3)",
+        "datazoomFillColor": "rgba(167,183,204,0.4)",
+        "datazoomHandleColor": "#a7b7cc",
+        "datazoomHandleWidth": "100",
+        "datazoomLabelColor": "#333"
+    }
+}

package/lib/module-alias/echarts.js

@@ -0,0 +1,37 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.echarts = void 0;
+exports.resgisterEchartsTheme = resgisterEchartsTheme;
+var echarts_1 = require("echarts");
+Object.defineProperty(exports, "echarts", { enumerable: true, get: function () { return __importDefault(echarts_1).default; } });
+__exportStar(require("echarts"), exports);
+const echarts_2 = require("echarts");
+const echartThemeUD_json_1 = __importDefault(require("./echartThemeUD.json"));
+let isRegistered = false;
+function resgisterEchartsTheme() {
+    // 注册 ud 主题，全局仅注册一次
+    if (isRegistered) {
+        return;
+    }
+    isRegistered = true;
+    (0, echarts_2.registerTheme)('ud', echartThemeUD_json_1.default.theme);
+}
+resgisterEchartsTheme();
+// registerChinaMap();

package/lib/recommend/eslint.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+// index.js - ESLint 推荐配置
+exports.default = {
+    name: 'preset-recommend-eslint',
+    rules: {
+        // React Refresh 相关 - 开发时不影响渲染的检测
+        'react-refresh/only-export-components': 'off',
+        // 不会影响渲染的检测先关掉
+        // TypeScript 变量和类型检查
+        '@typescript-eslint/no-unused-vars': 'off', // 未使用变量检查关闭
+        '@typescript-eslint/no-explicit-any': 'off', // 允许使用 any 类型
+        '@typescript-eslint/no-empty-interface': 'off', // 允许空接口
+        '@typescript-eslint/no-empty-object-type': 'off', // 允许空对象类型
+        '@typescript-eslint/no-redeclare': 'error', // 禁止重复声明
+        // React 相关检查
+        'react/jsx-no-undef-props': 'off', // 不检查未定义的 props
+        'react/no-unknown-property': 'off', // 允许未知属性
+        'react-hooks/exhaustive-deps': 'off', // 不强制检查依赖数组
+        // JavaScript 基础规则
+        'no-undef': 'error', // 禁止使用未声明的变量
+        'no-console': 'off', // 允许使用 console
+        'prefer-const': 'off', // 不强制使用 const
+        // Import 相关检查
+        'import/no-unresolved': 'error', // 检查导入路径是否存在
+        'import/named': 'error', // 检查命名导入是否存在
+    },
+};

package/lib/recommend/rspack.js

@@ -0,0 +1,140 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRecommendRspackConfig = createRecommendRspackConfig;
+const path_1 = __importDefault(require("path"));
+const core_1 = __importDefault(require("@rspack/core"));
+// eslint-disable-next-line max-lines-per-function
+function createRecommendRspackConfig(options) {
+    const { enableReactRrefresh = false, isDev = true } = options;
+    console.log('isDev:', isDev);
+    console.log('enableReactRrefresh:', enableReactRrefresh);
+    return {
+        experiments: {
+            css: true,
+        },
+        module: {
+            rules: [
+                {
+                    test: /\.svg$/,
+                    type: 'asset',
+                    parser: {
+                        dataUrlCondition: {
+                            maxSize: 10 * 1024, // 对应vite的assetsInlineLimit
+                        },
+                    },
+                },
+                {
+                    test: /\.(png|jpe?g|gif|webp|ico)$/,
+                    type: 'asset',
+                    parser: {
+                        dataUrlCondition: {
+                            maxSize: 10 * 1024, // 对应vite的assetsInlineLimit
+                        },
+                    },
+                },
+                {
+                    test: /\.css$/,
+                    use: ['postcss-loader'],
+                    type: 'css',
+                },
+                {
+                    test: /\.tsx?$/,
+                    use: [
+                        {
+                            loader: 'builtin:swc-loader',
+                            options: {
+                                /**
+                                 * @type {import('@swc/core').JscConfig}
+                                 */
+                                jsc: {
+                                    parser: {
+                                        syntax: 'typescript',
+                                        jsx: true,
+                                    },
+                                    transform: {
+                                        react: {
+                                            runtime: 'automatic',
+                                            ...(isDev
+                                                ? {
+                                                    importSource: path_1.default.dirname(require.resolve('@apaas-ai/miaoda-inspector-jsx-runtime')),
+                                                }
+                                                : {}),
+                                            development: isDev,
+                                            refresh: enableReactRrefresh,
+                                        },
+                                    },
+                                },
+                            },
+                        },
+                        ...(isDev ? [require.resolve('@apaas-ai/miaoda-inspector-babel-plugin')] : []),
+                    ],
+                },
+            ],
+        },
+        plugins: [
+            // 针对 clsx/echarts 等包，让其默认好用
+            new core_1.default.NormalModuleReplacementPlugin(/^(clsx|echarts)$/, function (resource) {
+                if (!resource.context.endsWith('module-alias')) {
+                    if (resource.request.endsWith('echarts')) {
+                        resource.request = require.resolve('../module-alias/echarts.js');
+                    }
+                    else {
+                        resource.request = require.resolve('../module-alias/clsx.js');
+                    }
+                }
+            }),
+            new core_1.default.DefinePlugin({
+                'process.env.NODE_ENV': JSON.stringify(isDev ? 'development' : 'production'),
+                'process.env.CWD': JSON.stringify(process.cwd()),
+            }),
+            new core_1.default.optimize.LimitChunkCountPlugin({
+                maxChunks: 1,
+            }),
+        ],
+        optimization: {
+            moduleIds: 'deterministic',
+            concatenateModules: true,
+            minimize: true, // 对应vite的minify配置
+            minimizer: [
+                new core_1.default.SwcJsMinimizerRspackPlugin({
+                    minimizerOptions: {
+                        // 保持不压缩
+                        minify: !isDev,
+                        mangle: !isDev,
+                        format: {
+                            beautify: isDev,
+                            comments: false,
+                        },
+                        compress: {
+                            keep_classnames: true,
+                            keep_fnames: true,
+                            keep_fargs: !isDev,
+                            unused: true,
+                            dead_code: true,
+                            drop_debugger: true,
+                            // FIXME: 先临时开始 console.log
+                            // drop_console: !isDev,
+                            const_to_let: !isDev,
+                            booleans_as_integers: !isDev,
+                            booleans: !isDev,
+                            // maybe unsafe
+                            reduce_funcs: !isDev,
+                            reduce_vars: !isDev,
+                        },
+                    },
+                }),
+                new core_1.default.LightningCssMinimizerRspackPlugin(),
+            ],
+            sideEffects: true,
+            usedExports: true,
+            innerGraph: true,
+            providedExports: true,
+            mergeDuplicateChunks: true,
+            splitChunks: false, // 禁用代码分割，保持单文件输出
+        },
+        devtool: isDev ? 'source-map' : false, // 对应vite的sourcemap配置
+    };
+}

package/lib/recommend/tailwind.js

@@ -0,0 +1,49 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRecommendTailwindConfig = createRecommendTailwindConfig;
+const path = __importStar(require("path"));
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+function createRecommendTailwindConfig(options) {
+    return {
+        darkMode: 'class',
+        content: [
+            // 让 framework 里的 tailwind 生效
+            path.join(path.dirname(require.resolve('@lark-apaas/client-core')), '/**/*.js'),
+        ],
+        prefix: '',
+        plugins: [],
+    };
+}

package/lib/rspack.config.js

@@ -0,0 +1,89 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRspackConfig = createRspackConfig;
+const path_1 = __importDefault(require("path"));
+const core_1 = __importDefault(require("@rspack/core"));
+const rspack_1 = require("./recommend/rspack");
+const webpack_merge_1 = __importDefault(require("webpack-merge"));
+// eslint-disable-next-line max-lines-per-function
+function createRspackConfig(options) {
+    const { enableReactRrefresh = false, isDev = true } = options;
+    console.log('isDev:', isDev);
+    console.log('enableReactRrefresh:', enableReactRrefresh);
+    // 构建外部依赖配置，对应vite的rollupOptions.external和globals
+    const externals = isDev
+        ? {
+            antd: 'antd',
+            '@ant-design/icons': 'icons',
+            dayjs: 'dayjs',
+            react: 'React',
+            'react-dom': 'ReactDOM',
+            echarts: 'echarts',
+        }
+        : {};
+    const recommendConfig = (0, rspack_1.createRecommendRspackConfig)({ enableReactRrefresh, isDev });
+    return (0, webpack_merge_1.default)(recommendConfig, {
+        mode: isDev ? 'development' : 'production',
+        entry: './src/index.tsx',
+        output: {
+            publicPath: '/',
+            // path: path.resolve(__dirname, 'dist'),
+            filename: 'assets/index.js',
+            cssFilename: 'assets/index.css',
+            assetModuleFilename: (pathData) => {
+                // 对应vite的assetFileNames逻辑
+                const ext = path_1.default.extname(pathData.filename || '');
+                if (ext === '.css') {
+                    return 'assets/index.css';
+                }
+                return pathData.filename ? `assets/${pathData.filename}` : 'assets/asset-[hash][ext]';
+            },
+            library: {
+                type: 'self', // 对应vite的iife格式
+            },
+            globalObject: 'this',
+        },
+        resolve: {
+            mainFields: ['module', 'browser', 'main'],
+            alias: {},
+            tsConfig: {
+                // 默认读取命令执行的顶层目录的 resolve 规则
+                configFile: path_1.default.resolve(process.cwd(), './tsconfig.json'),
+            },
+            extensions: ['.js', '.jsx', '.ts', '.tsx', '.json'],
+        },
+        devServer: isDev
+            ? undefined
+            : {
+                host: '::',
+                port: 8080,
+                hot: true,
+                liveReload: false,
+                historyApiFallback: true,
+                watchFiles: {
+                    options: {
+                        usePolling: false, // 对应vite的watch.usePolling
+                    },
+                },
+            },
+        experiments: {
+            css: true,
+        },
+        externals,
+        plugins: [
+            new core_1.default.HtmlRspackPlugin({
+                template: 'index.html',
+                inject: 'body',
+                defer: false,
+                minify: false,
+                templateParameters: {
+                    title: 'local-mock-data',
+                    injectScript: '',
+                },
+            }),
+        ],
+    });
+}

package/lib/tailwind.config.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createTailwindConfig = createTailwindConfig;
+const webpack_merge_1 = __importDefault(require("webpack-merge"));
+const tailwind_1 = require("./recommend/tailwind");
+function createTailwindConfig(options) {
+    const { isDevBuildMode = true } = options;
+    const recommendConfig = (0, tailwind_1.createRecommendTailwindConfig)({ isDev: isDevBuildMode });
+    return (0, webpack_merge_1.default)(recommendConfig, {
+        content: ['./src/**/*.{ts,tsx}'],
+    });
+}

package/lib/tsconfig.browser.json

@@ -0,0 +1,28 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": false,
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
+    "noImplicitAny": false,
+    "noFallthroughCasesInSwitch": false,
+
+    "sourceMap": true,
+    "allowJs": true,
+    "strictNullChecks": false
+  }
+}

package/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "@lark-apaas/miaoda-presets",
+  "version": "0.1.0-alpha.1",
+  "files": [
+    "lib"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsc && npm run copy:json",
+    "copy:json": "cp -r src/*.json lib",
+    "watch": "tsc --watch",
+    "bump": "changeset version",
+    "change": "changeset",
+    "check": "biome check --write",
+    "dev": "rslib build --watch",
+    "format": "biome format --write",
+    "storybook": "storybook dev",
+    "test": "echo 0",
+    "prepublishOnly": "npm run build"
+  },
+  "dependencies": {
+    "@lark-apaas/miaoda-inspector-babel-plugin": "workspace:*",
+    "@lark-apaas/miaoda-inspector-jsx-runtime": "workspace:*",
+    "@babel/core": "^7.28.0",
+    "@babel/parser": "^7.28.0",
+    "@babel/traverse": "^7.28.0",
+    "@babel/types": "^7.28.2",
+    "@eslint/js": "^9.34.0",
+    "@react-dev-inspector/middleware": "^2.0.1",
+    "@rsdoctor/rspack-plugin": "^1.1.8",
+    "@rspack/dev-server": "^1.1.3",
+    "@rspack/plugin-react-refresh": "^1.4.3",
+    "dayjs": "^1.11.14",
+    "echarts": "^6.0.0",
+    "eslint-import-resolver-alias": "^1.1.2",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.20",
+    "globals": "^15.15.0",
+    "magic-string": "^0.30.18",
+    "tsconfig-paths-webpack-plugin": "^4.2.0",
+    "typescript-eslint": "^8.41.0",
+    "webpack-merge": "^6.0.1",
+    "tailwindcss": "^4.1.13"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "2.0.6",
+    "@changesets/cli": "^2.29.5",
+    "@rspack/core": "^1.4.4",
+    "@types/node": "^22.15.30",
+    "@types/react": "^18.3.23",
+    "@types/react-dom": "^18.3.7",
+    "typescript": "^5.9.2"
+  },
+  "peerDependencies": {
+    "react": ">=16.14.0",
+    "react-dom": ">=16.14.0"
+  }
+}