dpzvc-ui 1.2.0 → 1.2.2

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "dpzvc-ui",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "description": "Vue组件库",
   "main": "dist/dpzvc.js",
+  "module": "dist/dpzvc.esm.js",
   "scripts": {
     "init": "webpack --progress --config webpack.dev.config.js",
     "dev": "webpack serve --config webpack.dev.config.js --open",

package/src/components/message/confirm.js

@@ -1,52 +1,43 @@
 /**
- * Created by admin on 2017/5/8.
+ * messageGroup.js
+ * 兼容 Vue 2.7 runtime-only 构建
  */
 
-import MessageGroup from './messageGroup.vue'
 import Vue from 'vue';
-import {camelcaseToHyphen} from '../../utils/util'
-
-MessageGroup.newInstance = function (props) {
-
-    let _props = props || {};
-
-    let _prop = '';
-    Object.keys(_props).forEach((prop) => {
-
-        _prop += ' :' + camelcaseToHyphen(prop) + '=' + prop
-    });
-
-    let div = document.createElement('div');
-
-    document.body.appendChild(div);
-
-    let message = new Vue({
-        el: div,
-        data: _props,
-        template:`<Message-group ${_prop} ></Message-group>`,
-        components: {MessageGroup},
-    }).$children[0];
-
-
-    return {
-
-        add(props){
-            message.add(props)
-        },
-        remove(props) {
-
-            message.remove(props)
-        },
-        component: message,
-        destroy(){
-            message.closeAll();
-
-            setTimeout(()=>{
-                document.body.removeChild(document.getElementsByClassName('dpzvc-message')[0].parentElement)
-            },500)
-
-        }
+import MessageGroup from './messageGroup.vue'; // 你的 Vue 组件
+import { camelcaseToHyphen } from '../../utils/util';
+
+MessageGroup.newInstance = function (props = {}) {
+  const div = document.createElement('div');
+  document.body.appendChild(div);
+
+  // 使用 render 函数代替 template，兼容 runtime-only
+  const messageVm = new Vue({
+    data() {
+      return { ...props };
+    },
+    render(h) {
+      return h(MessageGroup, { props });
+    }
+  }).$mount(div);
+
+  const instance = messageVm.$children[0]; // 确保实例存在
+
+  return {
+    add(options) {
+      if (instance) instance.add(options);
+    },
+    remove(options) {
+      if (instance) instance.remove(options);
+    },
+    component: instance,
+    destroy() {
+      if (instance) instance.closeAll();
+      setTimeout(() => {
+        if (div.parentNode) div.parentNode.removeChild(div);
+      }, 500);
     }
-}
+  };
+};
 
-export default  MessageGroup;
+export default MessageGroup;

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')
     })
   ]
-});
+})];