update

tools/frontend/.env

+// set baseUrl
+MIX_LFM_BASE_URL=http://my-url.loc/file-manager/
+
+// if you don't want to use csrf-token - you can off it
+MIX_LFM_CSRF_TOKEN=OFF
\ No newline at end of file

tools/frontend/babel.config.js

 module.exports = {
-  "presets": [
-    '@vue/app'
-  ],
+  "presets": [ [ "@vue/app", { useBuiltIns: "entry" } ] ],
   "plugins": [
     ["import", { "libraryName": "ant-design-vue", "libraryDirectory": "es", "style": true }]
   ]

tools/frontend/package-lock.json

 {
-  "name": "easy-workbench-admin",
+  "name": "evm-workbench-admin",
   "version": "0.1.0",
   "lockfileVersion": 1,
   "requires": true,

tools/frontend/package.json

@@ -9,13 +9,18 @@
   },
   "dependencies": {
     "@antv/g2": "^3.2.7",
-    "ant-design-vue": "1.7.5",
+    "ant-design-vue": "^1.7.5",
     "axios": "^0.18.0",
+    "codemirror": "^5.59.2",
+    "core-js": "^3.9.0",
+    "cropperjs": "^1.5.11",
+    "plyr": "^3.6.4",
     "numeral": "^2.0.6",
     "vue": "^2.5.17",
     "vue-i18n": "^8.1.0",
     "vue-router": "^3.0.1",
     "vuex": "^3.0.1",
+    "vue-codemirror": "^4.0.6",
     "vuex-router-sync": "^5.0.0"
   },
   "devDependencies": {
@@ -25,8 +30,10 @@
     "babel-plugin-import": "^1.9.1",
     "less": "^3.8.1",
     "less-loader": "^4.1.0",
+    "node-sass": "^4.14.1",
+    "sass-loader": "^8.0.2",
     "svg-sprite-loader": "^3.9.2",
-    "vue-template-compiler": "^2.6.14"
+    "vue-template-compiler": "^2.6.12"
   },
   "eslintConfig": {
     "root": true,

tools/frontend/src/router/index.js

@@ -127,6 +127,11 @@ const router = new Router({
                   name: 'area',
                   component: () => import('@/views/System/Role')
                 },
+                {
+                  path: '/system/setting/file-manager',
+                  name: 'file-manager',
+                  component: () => import('@/views/FileManager/FileManager')
+                },
               ]
             },
             {

tools/frontend/src/store/modules/global-nav.js

@@ -52,6 +52,13 @@ const mock = [
             "path": "/system/setting/module",
             "leaf": true,
             "children": []
+        }, {
+            "id": "1044886630122659841",
+            "parentId": "1044886629921333248",
+            "name": "file-manager",
+            "path": "/system/setting/file-manager",
+            "leaf": true,
+            "children": []
         }]
     },{
         "id": "1044886629921333248",

tools/frontend/src/views/FileManager/FileManager.vue

@@ -40,7 +40,7 @@
 /* eslint-disable import/no-duplicates, no-param-reassign */
 import { mapState } from "vuex";
 // Axios
-import axios from 'axios';
+import axios from "axios";
 const HTTP = axios.create();
 import EventBus from "@/utils/eventBus";
 // Components
@@ -68,23 +68,29 @@ export default {
     ContextMenu,
     Notification,
   },
-  props: {
-    /**
-     * LFM manual settings
-     */
-    settings: {
-      type: Object,
-      default() {
-        return {};
-      },
-    },
-  },
   data() {
     return {
       interceptorIndex: {
         request: null,
         response: null,
       },
+      settings: {
+        headers: { // axios headers
+          "X-Requested-With": "XMLHttpRequest",
+          Authorization: `Bearer ${window.localStorage.getItem("user-token")}`,
+        },
+        baseUrl: "http://test.loc/file-manager/", // overwrite base url Axios
+        windowsConfig: 2, // overwrite config
+        lang: "zh_CN", // set language
+        // translation: {
+        //   // add new translation
+        //   name: "zh_CN",
+        //   content: {
+        //     about: "Über",
+        //     back: "Zurück",
+        //   },
+        // },
+      },
     };
   },
   created() {

tools/frontend/vue.config.js

@@ -14,31 +14,31 @@ module.exports = {
   productionSourceMap: false,
   devServer: {
     publicPath: BASE_URL, // 和 baseUrl 保持一致
-    // port: 8080,
-    // open: true,
-    // overlay: {
-    //   warnings: false,
-    //   errors: true,
-    // },
-    // proxy: {
-    //   // change xxx-api/login => mock/login
-    //   // detail: https://cli.vuejs.org/config/#devserver-proxy
-    //   "/api/v1": {
-    //     target: "http://127.0.0.1:5001/",
-    //     changeOrigin: true,
-    //     pathRewrite: {},
-    //   },
-    //   "/file-manager": {
-    //     target: "https://file-manager.webmai.ru/",
-    //     changeOrigin: true,
-    //     pathRewrite: {},
-    //   },
-    //   "/uowap/": {
-    //     target: "https://web-drcn.hispace.dbankcloud.cn/",
-    //     changeOrigin: true,
-    //     pathRewrite: {},
-    //   },
-    // },
+    port: 8080,
+    open: true,
+    overlay: {
+      warnings: false,
+      errors: true,
+    },
+    proxy: {
+      // change xxx-api/login => mock/login
+      // detail: https://cli.vuejs.org/config/#devserver-proxy
+      "/api/v1": {
+        target: "http://127.0.0.1:5001/",
+        changeOrigin: true,
+        pathRewrite: {},
+      },
+      "/file-manager": {
+        target: "https://file-manager.webmai.ru/",
+        changeOrigin: true,
+        pathRewrite: {},
+      },
+      "/uowap/": {
+        target: "https://web-drcn.hispace.dbankcloud.cn/",
+        changeOrigin: true,
+        pathRewrite: {},
+      },
+    },
     // after: require("./mock/mock-server.js"),
   },
   css: {

tools/frontend/vue.config.js.bak

-"use strict";
-// 基础配置文件
-const path = require("path");
-const webpack = require("webpack");
-// 拼接路径
-function resolve(dir) {
-  return path.join(__dirname, dir);
-}
-// 基础路径 注意发布之前要先修改这里
-const BASE_URL = process.env.NODE_ENV === "production" ? "/frontend/" : "/";
-
-module.exports = {
-  baseUrl: BASE_URL, // 根据你的实际情况更改这里
-  productionSourceMap: false,
-  devServer: {
-    publicPath: BASE_URL, // 和 baseUrl 保持一致
-    // port: 8080,
-    // open: true,
-    // overlay: {
-    //   warnings: false,
-    //   errors: true,
-    // },
-    // proxy: {
-    //   // change xxx-api/login => mock/login
-    //   // detail: https://cli.vuejs.org/config/#devserver-proxy
-    //   "/api/v1": {
-    //     target: "http://127.0.0.1:5001/",
-    //     changeOrigin: true,
-    //     pathRewrite: {},
-    //   },
-    //   "/file-manager": {
-    //     target: "https://file-manager.webmai.ru/",
-    //     changeOrigin: true,
-    //     pathRewrite: {},
-    //   },
-    //   "/uowap/": {
-    //     target: "https://web-drcn.hispace.dbankcloud.cn/",
-    //     changeOrigin: true,
-    //     pathRewrite: {},
-    //   },
-    // },
-    // after: require("./mock/mock-server.js"),
-  },
-  css: {
-    loaderOptions: {
-      less: {
-        modifyVars: {
-          "ai-prefix": "ai",
-          "primary-color": "#2ECCCD",
-        },
-        paths: [resolve("node_modules"), resolve("src")],
-        javascriptEnabled: true,
-      },
-    },
-  },
-  configureWebpack: {
-    plugins: [
-      new webpack.ContextReplacementPlugin(
-        /moment[\\/]locale$/,
-        /^\.\/(zh-cn|en-us)$/
-      ),
-    ],
-  },
-  chainWebpack: (config) => {
-    const svgRule = config.module.rule("svg");
-    svgRule.uses.clear();
-    svgRule.include
-      .add(resolve("src/assets/svg-icons"))
-      .end()
-      .use("svg-sprite-loader")
-      .loader("svg-sprite-loader")
-      .options({
-        symbolId: "ai-[name]",
-      })
-      .end();
-    // image exclude
-    const imagesRule = config.module.rule("images");
-    imagesRule
-      .test(/\.(png|jpe?g|gif|webp|svg)(\?.*)?$/)
-      .exclude.add(resolve("src/assets/svg-icons"))
-      .end();
-    // 重新设置 alias
-    config.resolve.alias.set("@", resolve("src"));
-  },
-};