chore: 基础优化 (#2927)

* chore: 优化模块入口文件

* style: 优化字体

* build: 优化局部构建流程

* chore: 优化代码格式

.github/workflows/release-npm.yml

@@ -9,10 +9,10 @@ jobs:
   publish-npm:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
+      - uses: actions/checkout@v5
+      - uses: actions/setup-node@v6
         with:
-          node-version: 16
+          node-version: 22
           registry-url: https://registry.npmjs.org
       - run: npm publish
         env:

package.json

@@ -3,9 +3,6 @@
   "description": "Classic Web UI Component Library",
   "version": "3.0.0-alpha.0",
   "type": "module",
-  "engines": {
-    "node": ">=20.17"
-  },
   "keywords": [
     "layui",
     "components",
@@ -38,8 +35,9 @@
     "dev": "node scripts/dev.mjs",
     "serve": "serve tests/visual -p 3003 --cors -L -n",
     "build": "run-s clean:dist build:*",
-    "build:css": "postcss src/css/index.css -o dist/css/layui.css",
+    "build:css": "postcss src/css/index.css -o dist/css/layui.css --verbose",
     "build:js": "rollup -c",
+    "build:dev": "cross-env RUN=true node scripts/dev-builder.mjs",
     "format": "prettier --write --cache .",
     "format:check": "prettier --check --cache .",
     "lint": "eslint . --cache",

rollup.config.mjs

@@ -23,8 +23,8 @@ const DEST = process.env.DEST || 'dist';
 const outputDir = path.resolve(__dirname, `./${DEST}`);
 const isDevMode = process.env.MODE === 'dev';
 
-// config
-const options = {
+// 插件配置
+const pluginsConfig = {
   terser: {
     compress: {
       passes: 2, // 提高压缩率，默认 1
@@ -65,14 +65,14 @@ const pushRollupConfig = (opts, callback) => {
       }),
       resolve(),
       commonjs(),
-      babel(options.babel),
+      babel(pluginsConfig.babel),
     ],
   };
 
   // 开发模式不压缩
   if (opts.minify && !isDevMode) {
     config.output.plugins.push(
-      terser(options.terser),
+      terser(pluginsConfig.terser),
       banner({
         comment: `/** ${version} | ${pkg.license} Licensed */`,
       }),

scripts/dev-builder.mjs

@@ -0,0 +1,43 @@
+/**
+ * 生成开发包
+ */
+
+import { spawn } from 'cross-spawn';
+
+const DEST = 'tests/visual/assets/dist'; // 输出目录
+const env = { ...process.env, DEST, MODE: 'dev' };
+
+// 执行 postcss 子进程
+export const postcss = (args = [], options = {}) => {
+  args = [
+    'src/css/index.css',
+    '-o',
+    `${DEST}/css/layui.css`,
+    '--verbose',
+  ].concat(args);
+  options = {
+    env,
+    stdio: 'inherit',
+    ...options,
+  };
+
+  return spawn('postcss', args, options);
+};
+
+// 执行 rollup 子进程
+export const rollup = (args = [], options = {}) => {
+  args = ['-c'].concat(args);
+  options = {
+    env,
+    stdio: 'inherit',
+    ...options,
+  };
+
+  return spawn('rollup', args, options);
+};
+
+// 是否执行子进程
+if (env.RUN) {
+  postcss();
+  rollup();
+}

scripts/dev.mjs

@@ -6,9 +6,7 @@
 
 import { spawn } from 'cross-spawn';
 import chalk from 'chalk';
-
-const DEST = 'tests/visual/assets/dist'; // 输出目录
-const env = { ...process.env, DEST, MODE: 'dev' };
+import { rollup, postcss } from './dev-builder.mjs';
 
 // 初始提示信息
 console.log(chalk.hex('#16b777').bold('🚀 Starting Layui development mode...'));
@@ -52,20 +50,13 @@ function pipeOutput(child, prefix) {
   });
 }
 
-// 启动 rollup 和 postcss watcher
-const rollup = spawn('rollup', ['-c', '-w'], {
+// 启动 postcss 和 rollup watcher
+const child_postcss = postcss(['-w'], {
+  stdio: 'pipe',
+});
+const child_rollup = rollup(['-w'], {
   stdio: 'pipe',
-  env,
 });
 
-const postcss = spawn(
-  'postcss',
-  ['src/css/index.css', '-o', `${DEST}/css/layui.css`, '-w', '--verbose'],
-  {
-    stdio: 'pipe',
-    env,
-  },
-);
-
-pipeOutput(rollup, 'rollup');
-pipeOutput(postcss, 'postcss');
+pipeOutput(child_postcss, 'postcss');
+pipeOutput(child_rollup, 'rollup');

src/components/laydate.js

@@ -67,7 +67,6 @@ function overwriteArray(objValue, srcValue) {
 
 // 外部调用
 var laydate = {
-  v: '5.7.0', // layDate 版本号
   config: {
     weekStart: 0, // 默认周日一周的开始
   }, // 全局配置项

src/components/layer.js

@@ -34,7 +34,6 @@ var ready = {
 
 // 默认内置方法。
 var layer = {
-  v: '3.7.0',
   ie: (function () {
     // ie 版本
     var agent = navigator.userAgent.toLowerCase();

src/core/layui.js

@@ -1089,5 +1089,11 @@ Class.prototype.throttle = function (func, wait) {
   };
 };
 
-export const layui = new Class();
-export default layui;
+const layui = new Class();
+
+// 阻止 layui.use 加载内部模块
+layui.all = true;
+layui['layui.all'] = 'layui.all';
+
+// export
+export { layui, layui as default };

src/css/modules/icon.css

@@ -1,7 +1,7 @@
 /** 图标字体 **/
 @font-face {
   font-family: "layui-icon";
-  src: url("iconfont.woff") format("woff");
+  src: url("iconfont.woff2") format("woff2");
 }
 
 .layui-icon {

src/css/var.css

@@ -38,8 +38,8 @@
 
   /* 字体 */
   --lay-font-family:
-    -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
-    "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+    -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", "PingFang SC",
+    "Helvetica Neue", Helvetica, Arial, sans-serif;
   --lay-font-monospace: "Courier New", Consolas, "Lucida Console", monospace;
 
   /* 间距 */

src/index.iife.js

@@ -36,10 +36,8 @@ import { flow } from './components/flow.js';
 import { util } from './components/util.js';
 import { code } from './components/code.js';
 
-layui.all = true;
-layui['layui.all'] = 'layui.all'; // 阻止 layui.use 加载内部模块
-
-// 兼容处理
+// 兼容 v2
+window.layui = layui;
 window.lay = lay;
 window.layer = layer;
 layui.$ = jquery;

src/index.js

@@ -2,13 +2,8 @@
  * Layui ESM 入口
  */
 
-import { layui } from './core/layui.js';
-
-layui.all = true;
-layui['layui.all'] = 'layui.all'; // 阻止 layui.use 加载内部模块
-
 // 导出核心模块
-export { layui };
+export { layui } from './core/layui.js';
 export { lay } from './core/lay.js';
 export { laytpl } from './core/laytpl.js';
 export { i18n } from './core/i18n.js';

tests/visual/assets/dist/layui.esm.js

@@ -1016,6 +1016,10 @@ Class$g.prototype.throttle = function (func, wait) {
 };
 const layui = new Class$g();
 
+// 阻止 layui.use 加载内部模块
+layui.all = true;
+layui['layui.all'] = 'layui.all';
+
 /**
  * lay
  * 基础模块
@@ -14309,8 +14313,6 @@ function overwriteArray(objValue, srcValue) {
 
 // 外部调用
 var laydate = {
-  v: '5.7.0',
-  // layDate 版本号
   config: {
     weekStart: 0 // 默认周日一周的开始
   },
@@ -16995,7 +16997,6 @@ var ready = {
 
 // 默认内置方法。
 var layer = {
-  v: '3.7.0',
   ie: function () {
     // ie 版本
     var agent = navigator.userAgent.toLowerCase();
@@ -32537,12 +32538,5 @@ function code(options, mode) {
   return ret;
 }
 
-/**
- * Layui ESM 入口
- */
-
-layui.all = true;
-layui['layui.all'] = 'layui.all'; // 阻止 layui.use 加载内部模块
-
 export { $, component$9 as breadcrumb, component$2 as carousel, code, component$7 as collapse, component$c as colorpicker, component$e as component, component$e as componentBuilder, dropdown, component$6 as element, component as flow, form, i18n, $ as jquery, lay, laydate, layer, laypage, laytpl, layui, component$a as nav, component$8 as progress, component$1 as rate, component$d as slider, component$b as tab, table, component$5 as tabs, component$3 as transfer, component$4 as tree, treeTable, upload, util };
 //# sourceMappingURL=layui.esm.js.map

tests/visual/assets/dist/layui.js

@@ -1019,6 +1019,10 @@ var layui = (function () {
   };
   const layui = new Class$g();
 
+  // 阻止 layui.use 加载内部模块
+  layui.all = true;
+  layui['layui.all'] = 'layui.all';
+
   /**
    * lay
    * 基础模块
@@ -14312,8 +14316,6 @@ var layui = (function () {
 
   // 外部调用
   var laydate = {
-    v: '5.7.0',
-    // layDate 版本号
     config: {
       weekStart: 0 // 默认周日一周的开始
     },
@@ -16998,7 +17000,6 @@ var layui = (function () {
 
   // 默认内置方法。
   var layer = {
-    v: '3.7.0',
     ie: function () {
       // ie 版本
       var agent = navigator.userAgent.toLowerCase();
@@ -32544,10 +32545,9 @@ var layui = (function () {
    * Layui IIFE 入口
    */
 
-  layui.all = true;
-  layui['layui.all'] = 'layui.all'; // 阻止 layui.use 加载内部模块
 
-  // 兼容处理
+  // 兼容 v2
+  window.layui = layui;
   window.lay = lay;
   window.layer = layer;
   layui.$ = jquery;