dpzvc-ui 1.1.0 → 1.2.1

package/src/styles/components/radioBox.less

@@ -8,6 +8,8 @@
 //    }
 //  }
 //}
+@import "../base/variable.less";
+
 .dpzvc-radioBoxGroup.dpzvc-radioBoxGroup-vertical .dpzvc-radiobox {
   margin-right: 0;
   margin-bottom: 8px;

package/src/styles/components/slide-Bar.less

@@ -1,3 +1,5 @@
+@import "../base/variable.less";
+
 .dpzvc-slideBar {
   border-top-color: @SlideBarBgColor;
   border-bottom-color: @SlideBarBgColor;

package/src/styles/components/spinner.less

@@ -1,3 +1,4 @@
+@import "../base/variable.less";
 // spinner.less - 完整可用版本（无 unit()/round()，可直接编译）
 @SpinnerSize: 28px;
 @SpinnerColor: #ccc;

package/src/styles/components/tab.less

@@ -1,3 +1,5 @@
+@import "../base/variable.less";
+
 .dpzvc-tab {
   background: @TabBgColor;
   position: absolute;

package/src/styles/components/text.less

@@ -1,3 +1,5 @@
+@import "../base/variable.less";
+
 .dpzvc-textBar {
 
   background: #ffffff;

package/src/styles/components/toTop.less

@@ -1,3 +1,5 @@
+@import "../base/variable.less";
+
 .dpzvc-toTop {
   position: fixed;
   right: 15px;

package/src/styles/utils/1px.less

@@ -1,4 +1,6 @@
 // 使用1px类时，需要注意 如果是absolute定位的，在引入mx-1px后，需要重新写入absolute定位
+@import "../base/variable.less";
+
 .dpzvc-1px {
   &-all {
     .dpzvc-1px(@BorderColor);

package/webpack.dist.dev.config.js

@@ -1,8 +1,3 @@
-/**
- * webpack.dist.dev.config.js
- * 开发环境打包库文件 (Webpack 5)
- */
-
 const path = require('path');
 const webpack = require('webpack');
 const { merge } = require('webpack-merge');
@@ -10,7 +5,7 @@ const webpackBaseConfig = require('./webpack.base.config.js');
 
 process.env.NODE_ENV = 'production';
 
-module.exports = merge(webpackBaseConfig, {
+module.exports =[merge(webpackBaseConfig, {
   mode: 'production',
 
   entry: {
@@ -46,4 +41,39 @@ module.exports = merge(webpackBaseConfig, {
   optimization: {
     minimize: false, // 开发库打包通常不压缩
   },
-});
+}),
+merge(webpackBaseConfig, {
+  mode: 'production',
+
+  entry: {
+    main: path.resolve(__dirname, './src/index.js')
+  },
+
+  output: {
+    path: path.resolve(__dirname, './dist'),
+    filename: 'dpzvc.esm.js',  // 改名，标识 ESM
+    library: {
+      type: 'module'           // ✅ 核心改动
+    },
+    clean: false
+  },
+
+  experiments: {
+    outputModule: true           // ✅ 必须
+  },
+
+  externals: {
+    vue: 'vue'
+  },
+
+  plugins: [
+    new webpack.DefinePlugin({
+      'process.env.NODE_ENV': JSON.stringify('production')
+    })
+  ],
+
+  optimization: {
+    concatenateModules: false,
+    minimize: false
+  }
+})];

package/webpack.dist.prod.config.js

@@ -1,8 +1,3 @@
-/**
- * webpack.dist.prod.config.js
- * 生产环境打包库文件 (Webpack 5)
- */
-
 const path = require('path');
 const webpack = require('webpack');
 const TerserPlugin = require('terser-webpack-plugin');
@@ -11,7 +6,43 @@ const webpackBaseConfig = require('./webpack.base.config.js');
 
 process.env.NODE_ENV = 'production';
 
-module.exports = merge(webpackBaseConfig, {
+module.exports =[
+  // -------- UMD 输出 --------
+  merge(webpackBaseConfig, {
+    mode: 'production',
+    entry: {
+      main: path.resolve(__dirname, './src/index.js')
+    },
+    output: {
+      path: path.resolve(__dirname, './dist'),
+      filename: 'dpzvc.min.js',
+      library: 'dpzvc',
+      libraryTarget: 'umd',
+      umdNamedDefine: true,
+      clean: false
+    },
+    externals: {
+      vue: 'Vue'
+    },
+    optimization: {
+      minimize: true,
+      minimizer: [
+        new TerserPlugin({
+          terserOptions: {
+            compress: { drop_console: true, drop_debugger: true },
+            output: { comments: false }
+          },
+          extractComments: false
+        })
+      ]
+    },
+    plugins: [
+      new webpack.DefinePlugin({
+        'process.env.NODE_ENV': JSON.stringify('production')
+      })
+    ]
+  }),
+  merge(webpackBaseConfig, {
   mode: 'production',
 
   entry: {
@@ -20,34 +51,33 @@ module.exports = merge(webpackBaseConfig, {
 
   output: {
     path: path.resolve(__dirname, './dist'),
-    publicPath: '/dist/',
-    filename: 'dpzvc.min.js',
-    library: 'dpzvc',
-    libraryTarget: 'umd',
-    umdNamedDefine: true,
-    clean: false // webpack5 新增，每次构建清理旧文件
+    filename: 'dpzvc.esm.min.js',       // ESM 文件
+    library: {
+      type: 'module'                // 核心 ESM 输出
+    },
+    clean: false
+  },
+
+  experiments: {
+    outputModule: true
   },
 
   externals: {
-    vue: {
-      root: 'Vue',
-      commonjs: 'vue',
-      commonjs2: 'vue',
-      amd: 'vue'
-    }
+    vue: 'vue'
   },
 
   optimization: {
+    concatenateModules: false,
     minimize: true,
     minimizer: [
       new TerserPlugin({
         terserOptions: {
           compress: { drop_console: true, drop_debugger: true },
-          output: { comments: false },
+          output: { comments: false }
         },
-        extractComments: false, // 防止生成 LICENSE.txt
+        extractComments: false
       })
-    ],
+    ]
   },
 
   plugins: [
@@ -55,4 +85,4 @@ module.exports = merge(webpackBaseConfig, {
       'process.env.NODE_ENV': JSON.stringify('production')
     })
   ]
-});
+})];