feat(vue-amis-sdk@2.0.0-beta.2): 修复icon 图标丢失

发布测试版

.github/workflows/release.yml

@@ -26,7 +26,7 @@ jobs:
         run: pnpm install
 
       - name: PNPM build
-        run: nr build
+        run: pnpm build
 
       - name: Publish to NPM
         run: pnpm -r publish --access public --no-git-checks

examples/App.vue

@@ -13,9 +13,9 @@
 </template>
 <script>
 import "amis-ui/lib/themes/cxd.css";
-import "amis-ui/lib/themes/ang.css";
 import "amis-editor/dist/style.css";
-// import "amis-ui/lib/helper.css";
+// import "../node_modules/amis-ui/lib/helper.css";
+// import "../node_modules/amis-ui/lib/themes/antd.css";
 export default {
   name: 'App',
   data() {

examples/main.js

@@ -1,7 +1,6 @@
 import Vue from "vue";
 import App from "./App.vue";
 import VueAmisSdk from "./../packages/index";
-
 Vue.use(VueAmisSdk);
 console.log(VueAmisSdk);
 import { VuePlugin } from "vuera";

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-amis-sdk",
-  "version": "2.0.0-beta.1",
+  "version": "2.0.0-beta.2",
   "private": false,
   "main": "sdk/vue-amis-sdk.umd.min.js",
   "browser": "sdk/vue-amis-sdk.umd.min.js",
@@ -36,6 +36,7 @@
     "@babel/plugin-proposal-nullish-coalescing-operator": "^7.16.7",
     "@babel/plugin-proposal-object-rest-spread": "^7.0.0",
     "@babel/plugin-proposal-optional-chaining": "^7.16.7",
+    "@fortawesome/fontawesome-free": "^6.1.1",
     "amis": "2.0.0",
     "amis-editor": "4.2.0-beta.3",
     "amis-formula": "^2.0.0",
@@ -80,8 +81,7 @@
     "sass-loader": "^8.0.2",
     "vue-eslint-parser": "8.0.1",
     "vue-template-compiler": "^2.6.11",
-    "webpack": "4.46.0",
-    "webpackbar": "5.0.2"
+    "webpack": "4.46.0"
   },
   "author": {
     "name": "h7ml",

packages/VueAmisSdk/index.js

@@ -4,3 +4,4 @@ VueAmisSdk.install = function (Vue) {
 };
 
 export default VueAmisSdk;
+window.VueAmisSdk = VueAmisSdk;

packages/VueAmisSdk/src/VueAmisSdk.vue

@@ -16,11 +16,9 @@
   </div>
 </template>
 <script>
-// import "amis/lib/themes/cxd.css";
-// import "amis/lib/themes/ang.css";
-// import "amis/lib/helper.css";
-// import "amis/sdk/sdk.css";
-// import "amis-editor/dist/style.css";
+// fortawesome
+import '@fortawesome/fontawesome-free/css/all.css';
+import '@fortawesome/fontawesome-free/js/all'
 
 import { Editor } from "amis-editor";
 import { ReactInVue } from "vuera";
@@ -45,7 +43,7 @@ export default {
     },
     theme: {
       type: String,
-      default: "ang",
+      default: "cxd",
     },
     className: {
       type: String,

vue.config.js

@@ -2,83 +2,89 @@ const path = require("path");
 const CompressionPlugin = require("compression-webpack-plugin");
 const UglifyJsPlugin = require("uglifyjs-webpack-plugin");
 const Webpack = require("webpack");
+const pkg = require("./package.json");
 const webpackBanner =
-    " project: vue-amis-sdk \n github https://github.com/h7ml/vue-amis-sdk \n author: h7ml(h7ml@qq.com) \n Time: ";
+  `project: vue-amis-sdk@${pkg.version} \n github https://github.com/h7ml/vue-amis-sdk \n author: h7ml(h7ml@qq.com) \n Time: `;
 const dateTime = new Date();
+
 function resolve(dir) {
-    return path.join(__dirname, "..", dir);
+  return path.join(__dirname, "..", dir);
 }
+
 const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin')
 
 module.exports = {
-    devServer: {
-        // development server port 8000
-        port: 3000,
-        // If you want to turn on the proxy, please remove the mockjs /src/main.jsL11
-        proxy: {
-            '/amis': {
-                target: 'https://aisuda.bce.baidu.com/',
-                changeOrigin: true
-            },
-            '/api': {
-                target: 'https://preview.pro.antdv.com/',
-                changeOrigin: true
-            }
-        }
-    },
-    productionSourceMap: false,
-    pages: {
-        index: {
-            entry: "examples/main.js",
-            template: "public/index.html",
-            filename: "index.html",
-        },
-    },
-    configureWebpack: {
-        plugins: [
-            new MonacoWebpackPlugin()
-        ]
-    },
-    chainWebpack: (config) => {
-        if (process.env.BUILD_TARGET === "lib") {
-            config.plugin("compressionPlugin").use(
-                new CompressionPlugin({
-                    algorithm: "gzip", //开启gzip
-                    test: /\.js$|\.html$|\.css/, // 匹配文件名
-                    threshold: 2048, // 对超过10k的数据压缩
-                    deleteOriginalAssets: false, // 不删除源文件
-                })
-            );
-            config.plugins.push(
-                new UglifyJsPlugin({
-                    uglifyOptions: {
-                        compress: {
-                            warnings: false,
-                            drop_debugger: true, // 注释console
-                            drop_console: true,
-                            pure_funcs: ["console.log"], // 移除console
-                        },
-                    },
-                    sourceMap: false,
-                    parallel: true,
-                })
-            );
-            config.devtool = false;
-            config.externals = {
-                vue: "Vue",
-                axios: "axios",
-                amis: "amis",
-                "element-ui": "ELEMENT",
-            };
-        }
-        config.module
-            .rule("js")
-            .include.add(resolve("packages"))
-            .end()
-            .use("bable")
-            .loader("bable-loader")
-            .tap((options) => {
-                return options;
-            });
+  devServer: {
+    // development server port 8000
+    port: 3000,
+    // If you want to turn on the proxy, please remove the mockjs /src/main.jsL11
+    proxy: {
+      '/amis': {
+        target: 'https://aisuda.bce.baidu.com/',
+        changeOrigin: true
+      },
+      '/api': {
+        target: 'https://preview.pro.antdv.com/',
+        changeOrigin: true
+      }
+    }
+  },
+  productionSourceMap: false,
+  pages: {
+    index: {
+      entry: "examples/main.js",
+      template: "public/index.html",
+      filename: "index.html",
     },
+  },
+  configureWebpack: {
+    plugins: [
+      new MonacoWebpackPlugin(),
+    ]
+  },
+  chainWebpack: (config) => {
+    if (process.env.BUILD_TARGET === "lib") {
+      config.plugin("compressionPlugin").use(
+        new CompressionPlugin({
+          algorithm: "gzip", //开启gzip
+          test: /\.js$|\.html$|\.css/, // 匹配文件名
+          threshold: 2048, // 对超过10k的数据压缩
+          deleteOriginalAssets: false, // 不删除源文件
+        })
+      );
+      config
+        .plugin('banner')
+        .use(Webpack.BannerPlugin, [`${webpackBanner}${dateTime}`])
+      config.plugins.push(
+        new UglifyJsPlugin({
+          uglifyOptions: {
+            compress: {
+              warnings: false,
+              drop_debugger: true, // 注释console
+              drop_console: true,
+              pure_funcs: ["console.log"], // 移除console
+            },
+          },
+          sourceMap: false,
+          parallel: true,
+        })
+      );
+      config.devtool = false;
+      config.externals = {
+        vue: "Vue",
+        axios: "axios",
+        amis: "amis",
+        "element-ui": "ELEMENT",
+      };
+    }
+    config.module
+      .rule("js")
+      .include.add(resolve("packages"))
+      .end()
+      .use("bable")
+      .loader("bable-loader")
+      .tap((options) => {
+        return options;
+      });
+  },
 };