mirror of
https://github.com/WeBankFinTech/fes.js.git
synced 2025-04-05 19:41:57 +08:00
fix: eslint babel parse
This commit is contained in:
bac-joker
commit
cbbda6df42
@ -17,5 +17,10 @@ module.exports = {
|
||||
'no-restricted-syntax': 'off',
|
||||
'no-undefined': 'off',
|
||||
'vue/valid-template-root': 'off'
|
||||
},
|
||||
parserOptions: {
|
||||
babelOptions: {
|
||||
presets: ['@babel/preset-env']
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
@ -16,7 +16,9 @@ const headPkgs = [
|
||||
"fes-plugin-icon",
|
||||
"fes-plugin-locale",
|
||||
"fes-plugin-enums",
|
||||
"create-fes-app"
|
||||
"fes-plugin-jest",
|
||||
"fes-plugin-vuex",
|
||||
"create-fes-app",
|
||||
];
|
||||
const tailPkgs = [];
|
||||
// const otherPkgs = readdirSync(join(__dirname, 'packages')).filter(
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
{
|
||||
"version": "2.0.0-alpha.5",
|
||||
"version": "2.0.0-alpha.8",
|
||||
"changelog": {
|
||||
"repo": "WeBankFinTech/fes.js",
|
||||
"cacheDir": ".changelog",
|
||||
|
||||
@ -34,7 +34,7 @@
|
||||
"@vuepress/plugin-pwa": "^2.0.0-alpha.18",
|
||||
"@vuepress/plugin-pwa-popup": "^2.0.0-alpha.18",
|
||||
"@vuepress/theme-vue": "^2.0.0-alpha.18",
|
||||
"@webank/eslint-config-webank": "^0.2.10",
|
||||
"@webank/eslint-config-webank": "0.2.10",
|
||||
"commitizen": "^4.2.1",
|
||||
"cz-conventional-changelog": "^3.3.0",
|
||||
"esbuild-loader": "^2.7.0",
|
||||
|
||||
3
packages/create-fes-app/README.md
Normal file
3
packages/create-fes-app/README.md
Normal file
@ -0,0 +1,3 @@
|
||||
# fes
|
||||
|
||||
一个好用的前端应用解决方案
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@webank/create-fes-app",
|
||||
"version": "2.0.0-alpha.3",
|
||||
"version": "2.0.0-alpha.8",
|
||||
"description": "create a app base on fes.js",
|
||||
"main": "lib/index.js",
|
||||
"files": [
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@webank/fes-template-h5",
|
||||
"version": "2.0.0-alpha.1",
|
||||
"version": "2.0.0-alpha",
|
||||
"description": "fes 移动端项目模版",
|
||||
"scripts": {
|
||||
"build": "fes build",
|
||||
@ -13,26 +13,41 @@
|
||||
"easy",
|
||||
"strong"
|
||||
],
|
||||
"files": [
|
||||
".eslintrc.js",
|
||||
".gitignore",
|
||||
".fes.js",
|
||||
".fes.prod.js",
|
||||
"mock.js",
|
||||
"package.json",
|
||||
"README.md",
|
||||
"tsconfig.json",
|
||||
"/src",
|
||||
"/config"
|
||||
],
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git+https://github.com/WeBankFinTech/fes.js.git",
|
||||
"directory": "packages/fes-template-h5"
|
||||
},
|
||||
"author": "harrywan qlin",
|
||||
"author": "qlin",
|
||||
"license": "MIT",
|
||||
"bugs": {
|
||||
"url": "https://github.com/WeBankFinTech/fes.js/issues"
|
||||
},
|
||||
"homepage": "https://github.com/WeBankFinTech/fes.js#readme",
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@vue/compiler-sfc": "^3.0.0",
|
||||
"@webank/eslint-config-webank": "0.2.7",
|
||||
"@webank/eslint-config-webank": "0.2.10",
|
||||
"postcss-px-to-viewport": "1.1.1"
|
||||
},
|
||||
"dependencies": {
|
||||
"@webank/fes": "^2.0.0-alpha.0",
|
||||
"@webank/fes-plugin-icon": "^2.0.0-alpha.0",
|
||||
"@webank/fes-plugin-request": "^2.0.0-alpha.0",
|
||||
"vue": "^3.0.4"
|
||||
}
|
||||
"@webank/fes": "^2.0.0-alpha.6",
|
||||
"@webank/fes-plugin-icon": "^2.0.0-alpha.6",
|
||||
"@webank/fes-plugin-request": "^2.0.0-alpha.6",
|
||||
"vue": "3.0.5"
|
||||
},
|
||||
"private": true
|
||||
}
|
||||
|
||||
@ -9,6 +9,7 @@
|
||||
<meta name="format-detection" content="email=no"/>
|
||||
<meta name="viewport" content="viewport-fit=cover,width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
|
||||
<title><%= htmlWebpackPlugin.options.title %></title>
|
||||
<link rel="shortcut icon" type="image/x-icon" href="./logo.png">
|
||||
</head>
|
||||
<body ontouchstart="">
|
||||
<div id="app"></div>
|
||||
|
||||
BIN
packages/create-fes-app/templates/app/h5/public/logo.png
Normal file
BIN
packages/create-fes-app/templates/app/h5/public/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
@ -1,19 +1,14 @@
|
||||
|
||||
module.exports = {
|
||||
extends: [
|
||||
'@webank/eslint-config-webank/vue.js'
|
||||
extends: ['@webank/eslint-config-webank/vue.js'],
|
||||
overrides: [
|
||||
{
|
||||
files: [
|
||||
'**/__tests__/*.{j,t}s?(x)',
|
||||
'**/tests/unit/**/*.spec.{j,t}s?(x)'
|
||||
]
|
||||
}
|
||||
],
|
||||
globals: {
|
||||
// 这里填入你的项目需要的全局变量
|
||||
// 这里值为 false 表示这个全局变量不允许被重新赋值，比如：
|
||||
//
|
||||
// Vue: false
|
||||
__DEV__: false
|
||||
},
|
||||
rules: {
|
||||
'vue/comment-directive': 'off',
|
||||
'global-require': 'off',
|
||||
'import/no-unresolved': 'off',
|
||||
'no-restricted-syntax': 'off'
|
||||
env: {
|
||||
jest: true
|
||||
}
|
||||
};
|
||||
|
||||
@ -14,7 +14,7 @@ export default {
|
||||
},
|
||||
layout: {
|
||||
title: "Fes.js",
|
||||
logo: 'https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg',
|
||||
footer: 'Created by MumbelFe',
|
||||
multiTabs: false,
|
||||
menus: [{
|
||||
name: 'index'
|
||||
@ -27,5 +27,8 @@ export default {
|
||||
},
|
||||
devServer: {
|
||||
port: 8080
|
||||
},
|
||||
enums: {
|
||||
status: [['0', '无效的'], ['1', '有效的']]
|
||||
}
|
||||
};
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
|
||||
# dependencies
|
||||
/node_modules
|
||||
|
||||
/coverage
|
||||
|
||||
# fes
|
||||
/src/.fes
|
||||
|
||||
@ -0,0 +1,5 @@
|
||||
import sum from '@/utils/sum';
|
||||
|
||||
test('adds 1 + 2 to equal 3', () => {
|
||||
expect(sum(1, 2)).toBe(3);
|
||||
});
|
||||
@ -1,12 +1,13 @@
|
||||
{
|
||||
"name": "@webank/fes-template",
|
||||
"version": "2.0.0-alpha.1",
|
||||
"version": "2.0.0-alpha",
|
||||
"description": "fes项目模版",
|
||||
"scripts": {
|
||||
"build": "fes build",
|
||||
"prod": "FES_ENV=prod fes build",
|
||||
"analyze": "ANALYZE=1 fes build",
|
||||
"dev": "fes dev"
|
||||
"dev": "fes dev",
|
||||
"test:unit": "fes test:unit"
|
||||
},
|
||||
"keywords": [
|
||||
"管理端",
|
||||
@ -15,6 +16,18 @@
|
||||
"easy",
|
||||
"strong"
|
||||
],
|
||||
"files": [
|
||||
".eslintrc.js",
|
||||
".gitignore",
|
||||
".fes.js",
|
||||
".fes.prod.js",
|
||||
"mock.js",
|
||||
"package.json",
|
||||
"README.md",
|
||||
"tsconfig.json",
|
||||
"/src",
|
||||
"/config"
|
||||
],
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git+https://github.com/WeBankFinTech/fes.js.git",
|
||||
@ -26,18 +39,25 @@
|
||||
"url": "https://github.com/WeBankFinTech/fes.js/issues"
|
||||
},
|
||||
"homepage": "https://github.com/WeBankFinTech/fes.js#readme",
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@vue/compiler-sfc": "^3.0.0",
|
||||
"@webank/eslint-config-webank": "0.2.7"
|
||||
"@webank/eslint-config-webank": "0.2.10"
|
||||
},
|
||||
"dependencies": {
|
||||
"@webank/fes": "^2.0.0-alpha.0",
|
||||
"@webank/fes-plugin-access": "^2.0.0-alpha.0",
|
||||
"@webank/fes-plugin-layout": "^2.0.0-alpha.0",
|
||||
"@webank/fes-plugin-locale": "^2.0.0-alpha.0",
|
||||
"@webank/fes-plugin-model": "^2.0.0-alpha.0",
|
||||
"@webank/fes": "^2.0.0-alpha.6",
|
||||
"@webank/fes-plugin-access": "^2.0.0-alpha.6",
|
||||
"@webank/fes-plugin-layout": "^2.0.0-alpha.6",
|
||||
"@webank/fes-plugin-locale": "^2.0.0-alpha.6",
|
||||
"@webank/fes-plugin-model": "^2.0.0-alpha.6",
|
||||
"@webank/fes-plugin-enums": "^2.0.0-alpha.6",
|
||||
"@webank/fes-plugin-jest": "^2.0.0-alpha.6",
|
||||
"@webank/fes-plugin-vuex": "^2.0.0-alpha.6",
|
||||
"ant-design-vue": "2.0.0-rc.3",
|
||||
"vue": "3.0.4"
|
||||
}
|
||||
"vue": "3.0.5",
|
||||
"vuex": "^4.0.0-rc.2"
|
||||
},
|
||||
"private": true
|
||||
}
|
||||
|
||||
@ -3,7 +3,8 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>fes Vue3</title>
|
||||
<title>fes.js</title>
|
||||
<link rel="shortcut icon" type="image/x-icon" href="./logo.png">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
|
||||
BIN
packages/create-fes-app/templates/app/pc/public/logo.png
Normal file
BIN
packages/create-fes-app/templates/app/pc/public/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
@ -5,6 +5,11 @@
|
||||
<access :id="accessId"> accessOnepicess1 <input /> </access>
|
||||
<div v-access="accessId"> accessOnepicess2 <input /> </div>
|
||||
<input />
|
||||
<h4>数据字典</h4>
|
||||
<div v-for="item in enumsGet('status')" :key="item.key">{{item.value}}：{{item.key}}</div>
|
||||
<div v-for="item in roles" :key="item.key">{{item.name}}：{{item.disabled}}</div>
|
||||
<div>{{enumsGet('roles', '2', { dir: 'eName' })}}</div>
|
||||
<h4>Vuex <button @click="increment">click me：{{count}}</button></h4>
|
||||
</div>
|
||||
</template>
|
||||
<config>
|
||||
@ -14,9 +19,10 @@
|
||||
}
|
||||
</config>
|
||||
<script>
|
||||
import { ref, onMounted } from 'vue';
|
||||
import { ref, onMounted, computed } from 'vue';
|
||||
import { useStore } from 'vuex';
|
||||
import {
|
||||
access, useAccess, useRouter, useI18n, locale
|
||||
access, useAccess, useRouter, useI18n, locale, enums
|
||||
} from '@webank/fes';
|
||||
|
||||
export default {
|
||||
@ -26,6 +32,41 @@ export default {
|
||||
const localI18n = useI18n();
|
||||
const router = useRouter();
|
||||
const accessId = ref('/onepiece1');
|
||||
enums.push('roles', [
|
||||
{
|
||||
id: '1',
|
||||
cName: '系统管理员',
|
||||
eName: 'System',
|
||||
perm: ['1', '2', '3']
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
cName: '业务管理员',
|
||||
eName: 'Business',
|
||||
perm: ['1', '2']
|
||||
},
|
||||
{
|
||||
id: '3',
|
||||
cName: '普通用户',
|
||||
eName: 'User',
|
||||
perm: ['1']
|
||||
}
|
||||
], { keyName: 'id' });
|
||||
const roles = enums.get('roles', {
|
||||
extend: [
|
||||
{
|
||||
key: 'name',
|
||||
dir: 'cName'
|
||||
},
|
||||
{
|
||||
key: 'disabled',
|
||||
transfer: item => item.value.perm.some(i => i >= 2)
|
||||
}
|
||||
]
|
||||
});
|
||||
console.log(roles);
|
||||
const store = useStore();
|
||||
console.log('store==>', store);
|
||||
onMounted(() => {
|
||||
console.log(router);
|
||||
setTimeout(() => {
|
||||
@ -43,7 +84,11 @@ export default {
|
||||
accessId,
|
||||
fes,
|
||||
accessOnepicess,
|
||||
t: localI18n.t
|
||||
t: localI18n.t,
|
||||
enumsGet: enums.get,
|
||||
roles,
|
||||
count: computed(() => store.state.counter.count),
|
||||
increment: () => store.commit('counter/increment')
|
||||
};
|
||||
}
|
||||
};
|
||||
|
||||
10
packages/create-fes-app/templates/app/pc/src/pages/test.vue
Normal file
10
packages/create-fes-app/templates/app/pc/src/pages/test.vue
Normal file
@ -0,0 +1,10 @@
|
||||
<template>
|
||||
<div>test</div>
|
||||
</template>
|
||||
<script>
|
||||
import { } from '@webank/fes';
|
||||
|
||||
export default {
|
||||
|
||||
};
|
||||
</script>
|
||||
@ -0,0 +1,23 @@
|
||||
export default {
|
||||
namespaced: true,
|
||||
state: () => ({
|
||||
count: 0
|
||||
}),
|
||||
mutations: {
|
||||
increment(state) {
|
||||
state.count++;
|
||||
}
|
||||
},
|
||||
getters: {
|
||||
doubleCount(state) {
|
||||
return state.count * 2;
|
||||
}
|
||||
},
|
||||
actions: {
|
||||
asyncIncrement({ commit }) {
|
||||
setTimeout(() => {
|
||||
commit('increment');
|
||||
}, 2000);
|
||||
}
|
||||
}
|
||||
};
|
||||
@ -0,0 +1,3 @@
|
||||
import { createLogger } from 'vuex';
|
||||
|
||||
export default createLogger();
|
||||
25
packages/create-fes-app/templates/app/pc/src/stores/user.js
Normal file
25
packages/create-fes-app/templates/app/pc/src/stores/user.js
Normal file
@ -0,0 +1,25 @@
|
||||
export default {
|
||||
namespaced: true,
|
||||
state: () => ({
|
||||
name: 'aring',
|
||||
age: 20,
|
||||
count: 0
|
||||
}),
|
||||
mutations: {
|
||||
increment(state) {
|
||||
state.count++;
|
||||
}
|
||||
},
|
||||
getters: {
|
||||
doubleCount(state) {
|
||||
return state.count * 2;
|
||||
}
|
||||
},
|
||||
actions: {
|
||||
asyncIncrement({ commit }) {
|
||||
setTimeout(() => {
|
||||
commit('increment');
|
||||
}, 2000);
|
||||
}
|
||||
}
|
||||
};
|
||||
@ -0,0 +1,3 @@
|
||||
export default function sum(a, b) {
|
||||
return a + b;
|
||||
}
|
||||
3
packages/fes-compiler/README copy.md
Normal file
3
packages/fes-compiler/README copy.md
Normal file
@ -0,0 +1,3 @@
|
||||
# fes
|
||||
|
||||
一个好用的前端应用解决方案
|
||||
3
packages/fes-compiler/README.md
Normal file
3
packages/fes-compiler/README.md
Normal file
@ -0,0 +1,3 @@
|
||||
# fes
|
||||
|
||||
一个好用的前端应用解决方案
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@webank/fes-compiler",
|
||||
"version": "2.0.0-alpha.2",
|
||||
"version": "2.0.0-alpha.8",
|
||||
"description": "@webank/fes-compiler",
|
||||
"main": "lib/index.js",
|
||||
"files": [
|
||||
@ -27,6 +27,7 @@
|
||||
"@babel/register": "^7.12.13",
|
||||
"@babel/preset-env": "^7.12.13",
|
||||
"@umijs/utils": "3.3.3",
|
||||
"commander": "^7.0.0",
|
||||
"dotenv": "8.2.0",
|
||||
"joi": "17.3.0",
|
||||
"readline": "^1.3.0",
|
||||
|
||||
@ -130,10 +130,51 @@ export default class Config {
|
||||
getUserConfig() {
|
||||
const configFile = this.getConfigFile();
|
||||
this.configFile = configFile;
|
||||
if (configFile.length > 0) {
|
||||
// clear require cache and set babel register
|
||||
const requireDeps = configFile.reduce((memo, file) => {
|
||||
memo = memo.concat(parseRequireDeps(file));
|
||||
return memo;
|
||||
}, []);
|
||||
requireDeps.forEach(cleanRequireCache);
|
||||
this.service.babelRegister.setOnlyMap({
|
||||
key: 'config',
|
||||
value: requireDeps
|
||||
});
|
||||
|
||||
// require config and merge
|
||||
return this.mergeConfig(...this.requireConfigs(configFile));
|
||||
}
|
||||
return {};
|
||||
}
|
||||
|
||||
addAffix(file, affix) {
|
||||
const ext = extname(file);
|
||||
return file.replace(new RegExp(`${ext}$`), `.${affix}${ext}`);
|
||||
}
|
||||
|
||||
requireConfigs(configFiles) {
|
||||
// eslint-disable-next-line
|
||||
return configFiles.map((f) => compatESModuleRequire(require(f)));
|
||||
}
|
||||
|
||||
mergeConfig(...configs) {
|
||||
let ret = {};
|
||||
for (const config of configs) {
|
||||
// TODO: 精细化处理，比如处理 dotted config key
|
||||
ret = deepmerge(ret, config);
|
||||
}
|
||||
return ret;
|
||||
}
|
||||
|
||||
getConfigFile() {
|
||||
// TODO: support custom config file
|
||||
let configFile = CONFIG_FILES.find(f => existsSync(join(this.cwd, f)));
|
||||
if (!configFile) return [];
|
||||
configFile = winPath(configFile);
|
||||
let envConfigFile;
|
||||
// 潜在问题：
|
||||
// .local 和 .env 的配置必须有 configFile 才有效
|
||||
if (configFile) {
|
||||
let envConfigFile;
|
||||
if (process.env.FES_ENV) {
|
||||
const envConfigFileName = this.addAffix(
|
||||
configFile,
|
||||
@ -162,47 +203,7 @@ export default class Config {
|
||||
.filter(f => !!f)
|
||||
.map(f => join(this.cwd, f))
|
||||
.filter(f => existsSync(f));
|
||||
|
||||
// clear require cache and set babel register
|
||||
const requireDeps = files.reduce((memo, file) => {
|
||||
memo = memo.concat(parseRequireDeps(file));
|
||||
return memo;
|
||||
}, []);
|
||||
requireDeps.forEach(cleanRequireCache);
|
||||
this.service.babelRegister.setOnlyMap({
|
||||
key: 'config',
|
||||
value: requireDeps
|
||||
});
|
||||
|
||||
// require config and merge
|
||||
return this.mergeConfig(...this.requireConfigs(files));
|
||||
}
|
||||
return {};
|
||||
}
|
||||
|
||||
addAffix(file, affix) {
|
||||
const ext = extname(file);
|
||||
return file.replace(new RegExp(`${ext}$`), `.${affix}${ext}`);
|
||||
}
|
||||
|
||||
requireConfigs(configFiles) {
|
||||
// eslint-disable-next-line
|
||||
return configFiles.map((f) => compatESModuleRequire(require(f)));
|
||||
}
|
||||
|
||||
mergeConfig(...configs) {
|
||||
let ret = {};
|
||||
for (const config of configs) {
|
||||
// TODO: 精细化处理，比如处理 dotted config key
|
||||
ret = deepmerge(ret, config);
|
||||
}
|
||||
return ret;
|
||||
}
|
||||
|
||||
getConfigFile() {
|
||||
// TODO: support custom config file
|
||||
const configFile = CONFIG_FILES.find(f => existsSync(join(this.cwd, f)));
|
||||
return configFile ? winPath(configFile) : null;
|
||||
return files;
|
||||
}
|
||||
|
||||
getWatchFilesAndDirectories() {
|
||||
|
||||
@ -3,11 +3,12 @@ import { EventEmitter } from 'events';
|
||||
import assert from 'assert';
|
||||
import { AsyncSeriesWaterfallHook } from 'tapable';
|
||||
import { existsSync } from 'fs';
|
||||
import { lodash } from '@umijs/utils';
|
||||
import BabelRegister from './babelRegister';
|
||||
import { lodash, chalk } from '@umijs/utils';
|
||||
import { Command, Option } from 'commander';
|
||||
import { resolvePresets, pathToObj, resolvePlugins } from './utils/pluginUtils';
|
||||
import loadDotEnv from './utils/loadDotEnv';
|
||||
import isPromise from './utils/isPromise';
|
||||
import BabelRegister from './babelRegister';
|
||||
import PluginAPI from './pluginAPI';
|
||||
import {
|
||||
ApplyPluginsType,
|
||||
@ -88,6 +89,8 @@ export default class Service extends EventEmitter {
|
||||
// repoDir should be the root dir of repo
|
||||
this.pkg = opts.pkg || this.resolvePackage();
|
||||
this.env = opts.env || process.env.NODE_ENV;
|
||||
this.fesPkg = opts.fesPkg || {};
|
||||
|
||||
|
||||
assert(existsSync(this.cwd), `cwd ${this.cwd} does not exist.`);
|
||||
|
||||
@ -112,6 +115,10 @@ export default class Service extends EventEmitter {
|
||||
env: this.env
|
||||
});
|
||||
|
||||
this.program = new Command();
|
||||
|
||||
this.initCommand();
|
||||
|
||||
// setup initial plugins
|
||||
const baseOpts = {
|
||||
pkg: this.pkg,
|
||||
@ -262,6 +269,7 @@ export default class Service extends EventEmitter {
|
||||
'paths',
|
||||
'cwd',
|
||||
'pkg',
|
||||
'configInstance',
|
||||
'userConfig',
|
||||
'config',
|
||||
'env',
|
||||
@ -483,12 +491,28 @@ export default class Service extends EventEmitter {
|
||||
}
|
||||
}
|
||||
|
||||
async run({ name, args = {} }) {
|
||||
args._ = args._ || [];
|
||||
// shift the command itself
|
||||
if (args._[0] === name) args._.shift();
|
||||
initCommand() {
|
||||
this.program
|
||||
.usage('<command> [options]')
|
||||
.version(`@webank/fes ${this.fesPkg.version}`, '-v, --vers', 'output the current version')
|
||||
.description(chalk.cyan('一个好用的前端应用解决方案'));
|
||||
}
|
||||
|
||||
this.args = args;
|
||||
parseCommand() {
|
||||
this.program.on('--help', () => {
|
||||
console.log();
|
||||
console.log(
|
||||
` Run ${chalk.cyan(
|
||||
'fes <command> --help'
|
||||
)} for detailed usage of given command.`
|
||||
);
|
||||
console.log();
|
||||
});
|
||||
this.program.commands.forEach(c => c.on('--help', () => console.log()));
|
||||
this.program.parse(process.argv);
|
||||
}
|
||||
|
||||
async run({ rawArgv = {}, args = {} }) {
|
||||
await this.init();
|
||||
|
||||
this.setStage(ServiceStage.run);
|
||||
@ -500,27 +524,37 @@ export default class Service extends EventEmitter {
|
||||
}
|
||||
});
|
||||
|
||||
return this.runCommand({
|
||||
name,
|
||||
args
|
||||
});
|
||||
this.runCommand({ rawArgv, args });
|
||||
}
|
||||
|
||||
async runCommand({ name, args = {} }) {
|
||||
async runCommand({ rawArgv = {}, args = {} }) {
|
||||
assert(this.stage >= ServiceStage.init, 'service is not initialized.');
|
||||
|
||||
args._ = args._ || [];
|
||||
// shift the command itself
|
||||
if (args._[0] === name) args._.shift();
|
||||
|
||||
const command = typeof this.commands[name] === 'string'
|
||||
? this.commands[this.commands[name]]
|
||||
: this.commands[name];
|
||||
assert(command, `run command failed, command ${name} does not exists.`);
|
||||
|
||||
const { fn } = command;
|
||||
return fn({
|
||||
args
|
||||
Object.keys(this.commands).forEach((command) => {
|
||||
const commandOptionConfig = this.commands[command];
|
||||
const program = this.program;
|
||||
let c = program.command(command).description(commandOptionConfig.description);
|
||||
if (Array.isArray(commandOptionConfig.options)) {
|
||||
commandOptionConfig.options.forEach((config) => {
|
||||
const option = new Option(config.name, config.description);
|
||||
if (config.default) {
|
||||
option.default(config.default);
|
||||
}
|
||||
if (config.choices) {
|
||||
option.choices(config.choices);
|
||||
}
|
||||
c = c.addOption(option);
|
||||
});
|
||||
}
|
||||
if (commandOptionConfig.fn) {
|
||||
c.action(async () => {
|
||||
await commandOptionConfig.fn({
|
||||
rawArgv, args, options: c.opts(), program
|
||||
});
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
this.parseCommand();
|
||||
}
|
||||
}
|
||||
|
||||
@ -3,6 +3,7 @@ import * as utils from '@umijs/utils';
|
||||
import { isValidPlugin, pathToObj } from './utils/pluginUtils';
|
||||
import { EnableBy, PluginType, ServiceStage } from './enums';
|
||||
import Logger from '../logger';
|
||||
|
||||
// TODO
|
||||
// 标准化 logger
|
||||
export default class PluginAPI {
|
||||
@ -62,16 +63,21 @@ export default class PluginAPI {
|
||||
).concat(hook);
|
||||
}
|
||||
|
||||
registerCommand(command) {
|
||||
const { name, alias } = command;
|
||||
registerCommand(commandOption) {
|
||||
const { command, fn } = commandOption;
|
||||
assert(
|
||||
!this.service.commands[name],
|
||||
`api.registerCommand() failed, the command ${name} is exists.`
|
||||
!this.service.commands[command],
|
||||
`api.registerCommand() failed, the command ${command} is exists.`
|
||||
);
|
||||
this.service.commands[name] = command;
|
||||
if (alias) {
|
||||
this.service.commands[alias] = name;
|
||||
}
|
||||
assert(
|
||||
typeof command === 'string',
|
||||
'api.registerCommand() failed, the command must be String.'
|
||||
);
|
||||
assert(
|
||||
typeof fn === 'function',
|
||||
'api.registerCommand() failed, the fn must be function.'
|
||||
);
|
||||
this.service.commands[command] = commandOption;
|
||||
}
|
||||
|
||||
// 在 preset 初始化阶段放后面，在插件注册阶段放前面
|
||||
|
||||
@ -1,2 +1,3 @@
|
||||
# fes
|
||||
|
||||
|
||||
一个好用的前端应用解决方案
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@webank/fes-plugin-access",
|
||||
"version": "2.0.0-alpha.2",
|
||||
"version": "2.0.0-alpha.8",
|
||||
"description": "@webank/fes-plugin-access",
|
||||
"main": "lib/index.js",
|
||||
"files": [
|
||||
@ -28,6 +28,6 @@
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@webank/fes": "^2.0.0-alpha.0",
|
||||
"vue": "^3.0.4"
|
||||
"vue": "3.0.5"
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,2 +1,3 @@
|
||||
# fes
|
||||
|
||||
|
||||
一个好用的前端应用解决方案
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@webank/fes-plugin-enums",
|
||||
"version": "2.0.0-alpha.2",
|
||||
"version": "2.0.0-alpha.8",
|
||||
"description": "@webank/fes-plugin-enums",
|
||||
"main": "lib/index.js",
|
||||
"files": [
|
||||
@ -28,6 +28,6 @@
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@webank/fes": "^2.0.0-alpha.0",
|
||||
"vue": "^3.0.4"
|
||||
"vue": "3.0.5"
|
||||
}
|
||||
}
|
||||
|
||||
@ -25,13 +25,15 @@ function get(name, key, opt = { dir: 'value', extend: []}) {
|
||||
key = ''
|
||||
}
|
||||
let list = ENUMS[name] || []
|
||||
let value
|
||||
if (key) {
|
||||
let res = list.filter(item => item.key === key)[0]
|
||||
if (!res) return key
|
||||
return readonly(parseValueDir(res.value, opt.dir) || key)
|
||||
value = parseValueDir(res.value, opt.dir) || key
|
||||
} else {
|
||||
return readonly(format(list, opt.extend))
|
||||
value = format(list, opt.extend)
|
||||
}
|
||||
return typeof value === 'object' ? readonly(value) : value
|
||||
}
|
||||
|
||||
/**
|
||||
|
||||
3
packages/fes-plugin-icon/README.md
Normal file
3
packages/fes-plugin-icon/README.md
Normal file
@ -0,0 +1,3 @@
|
||||
# fes
|
||||
|
||||
一个好用的前端应用解决方案
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@webank/fes-plugin-icon",
|
||||
"version": "2.0.0-alpha.2",
|
||||
"version": "2.0.0-alpha.8",
|
||||
"description": "@webank/fes-plugin-icon",
|
||||
"main": "lib/index.js",
|
||||
"files": [
|
||||
@ -27,7 +27,7 @@
|
||||
"access": "public"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"vue": "^3.0.4"
|
||||
"vue": "3.0.5"
|
||||
},
|
||||
"dependencies": {
|
||||
"svgo": "1.3.2"
|
||||
|
||||
3
packages/fes-plugin-jest/.fatherrc.js
Normal file
3
packages/fes-plugin-jest/.fatherrc.js
Normal file
@ -0,0 +1,3 @@
|
||||
export default {
|
||||
disableTypeCheck: false,
|
||||
};
|
||||
21
packages/fes-plugin-jest/LICENSE
Normal file
21
packages/fes-plugin-jest/LICENSE
Normal file
@ -0,0 +1,21 @@
|
||||
MIT License
|
||||
|
||||
Copyright (c) 2020-present webank
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
3
packages/fes-plugin-jest/README.md
Normal file
3
packages/fes-plugin-jest/README.md
Normal file
@ -0,0 +1,3 @@
|
||||
# fes
|
||||
|
||||
一个好用的前端应用解决方案
|
||||
1
packages/fes-plugin-jest/helpers/setupFiles/jasmine.js
Normal file
1
packages/fes-plugin-jest/helpers/setupFiles/jasmine.js
Normal file
@ -0,0 +1 @@
|
||||
jasmine.DEFAULT_TIMEOUT_INTERVAL = 200000; // eslint-disable-line
|
||||
6
packages/fes-plugin-jest/helpers/setupFiles/shim.js
Normal file
6
packages/fes-plugin-jest/helpers/setupFiles/shim.js
Normal file
@ -0,0 +1,6 @@
|
||||
require('core-js/stable');
|
||||
require('regenerator-runtime/runtime');
|
||||
|
||||
if (typeof window !== 'undefined') {
|
||||
require('whatwg-fetch');
|
||||
}
|
||||
9
packages/fes-plugin-jest/helpers/transformers/css.js
Normal file
9
packages/fes-plugin-jest/helpers/transformers/css.js
Normal file
@ -0,0 +1,9 @@
|
||||
module.exports = {
|
||||
process() {
|
||||
return 'module.exports = {};';
|
||||
},
|
||||
getCacheKey() {
|
||||
// The output is always the same.
|
||||
return 'css';
|
||||
}
|
||||
};
|
||||
@ -0,0 +1,7 @@
|
||||
const babelJest = require('babel-jest');
|
||||
|
||||
module.exports = babelJest.createTransformer({
|
||||
presets: [require.resolve('@umijs/babel-preset-umi/node')],
|
||||
babelrc: false,
|
||||
configFile: false
|
||||
});
|
||||
50
packages/fes-plugin-jest/package.json
Normal file
50
packages/fes-plugin-jest/package.json
Normal file
@ -0,0 +1,50 @@
|
||||
{
|
||||
"name": "@webank/fes-plugin-jest",
|
||||
"version": "2.0.0-alpha.8",
|
||||
"description": "@webank/fes-plugin-jest",
|
||||
"main": "lib/index.js",
|
||||
"files": [
|
||||
"lib",
|
||||
"helpers"
|
||||
],
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git+https://github.com/WeBankFinTech/fes.js.git",
|
||||
"directory": "packages/fes-plugin-jest"
|
||||
},
|
||||
"keywords": [
|
||||
"fes",
|
||||
"unit",
|
||||
"jest"
|
||||
],
|
||||
"author": "harrywan",
|
||||
"license": "MIT",
|
||||
"bugs": {
|
||||
"url": "https://github.com/WeBankFinTech/fes.js/issues"
|
||||
},
|
||||
"homepage": "https://github.com/WeBankFinTech/fes.js#readme",
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"dependencies": {
|
||||
"@babel/core": "7.11.6",
|
||||
"@umijs/babel-preset-umi": "3.2.24",
|
||||
"@webank/fes-compiler": "^2.0.0-alpha.8",
|
||||
"babel-core": "^7.0.0-bridge.0",
|
||||
"babel-jest": "^26.6.3",
|
||||
"core-js": "3.6.5",
|
||||
"jest": "^26.6.3",
|
||||
"jest-cli": "^26.6.3",
|
||||
"jest-serializer-vue": "^2.0.2",
|
||||
"jest-transform-stub": "^2.0.0",
|
||||
"jest-watch-typeahead": "^0.6.1",
|
||||
"regenerator-runtime": "^0.13.7",
|
||||
"ts-jest": "^26.5.0",
|
||||
"typescript": "~4.1.2",
|
||||
"vue-jest": "^5.0.0-0",
|
||||
"whatwg-fetch": "^3.4.1"
|
||||
}
|
||||
}
|
||||
60
packages/fes-plugin-jest/src/createDefaultConfig.js
Normal file
60
packages/fes-plugin-jest/src/createDefaultConfig.js
Normal file
@ -0,0 +1,60 @@
|
||||
import { existsSync } from 'fs';
|
||||
import { join } from 'path';
|
||||
|
||||
export default (cwd, args) => {
|
||||
const testMatchTypes = ['spec', 'test'];
|
||||
if (args.e2e) {
|
||||
testMatchTypes.push('e2e');
|
||||
}
|
||||
const hasSrc = existsSync(join(cwd, 'src'));
|
||||
return {
|
||||
collectCoverageFrom: [
|
||||
'index.{js,jsx,ts,tsx,vue}',
|
||||
hasSrc && 'src/**/*.{js,jsx,ts,tsx,vue}',
|
||||
'!**/.fes/**',
|
||||
'!**/typings/**',
|
||||
'!**/types/**',
|
||||
'!**/fixtures/**',
|
||||
'!**/examples/**',
|
||||
'!**/*.d.ts'
|
||||
].filter(Boolean),
|
||||
moduleFileExtensions: [
|
||||
'js',
|
||||
'jsx',
|
||||
'json',
|
||||
// tell Jest to handle *.vue files
|
||||
'vue'
|
||||
],
|
||||
transform: {
|
||||
// process *.vue files with vue-jest
|
||||
'^.+\\.vue$': require.resolve('vue-jest'),
|
||||
'.+\\.(css|styl|less|sass|scss|jpg|jpeg|png|svg|gif|eot|otf|webp|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$':
|
||||
require.resolve('jest-transform-stub'),
|
||||
'^.+\\.jsx?$': require.resolve(
|
||||
'../helpers/transformers/javascript'
|
||||
)
|
||||
},
|
||||
setupFiles: [require.resolve('../helpers/setupFiles/shim')],
|
||||
setupFilesAfterEnv: [require.resolve('../helpers/setupFiles/jasmine')],
|
||||
transformIgnorePatterns: ['/node_modules/'],
|
||||
// support the same @ -> src alias mapping in source code
|
||||
moduleNameMapper: {
|
||||
'^@/(.*)$': '<rootDir>/src/$1'
|
||||
},
|
||||
// serializer for snapshots
|
||||
snapshotSerializers: [
|
||||
'jest-serializer-vue'
|
||||
],
|
||||
testMatch: [
|
||||
`**/tests/**/*.(${testMatchTypes.join('|')}).[jt]s?(x)`,
|
||||
'**/__tests__/**/*.[jt]s?(x)'
|
||||
],
|
||||
// https://github.com/facebook/jest/issues/6766
|
||||
testURL: 'http://localhost/',
|
||||
watchPlugins: [
|
||||
require.resolve('jest-watch-typeahead/filename'),
|
||||
require.resolve('jest-watch-typeahead/testname')
|
||||
],
|
||||
verbose: true
|
||||
};
|
||||
};
|
||||
97
packages/fes-plugin-jest/src/index.js
Normal file
97
packages/fes-plugin-jest/src/index.js
Normal file
@ -0,0 +1,97 @@
|
||||
|
||||
import assert from 'assert';
|
||||
import { join } from 'path';
|
||||
import { existsSync } from 'fs';
|
||||
import { Logger } from '@webank/fes-compiler';
|
||||
import { options as CliOptions } from 'jest-cli/build/cli/args';
|
||||
import createDefaultConfig from './createDefaultConfig';
|
||||
|
||||
const logger = new Logger('fes:plugin-unit-jest');
|
||||
|
||||
function getCommandOptiton() {
|
||||
const opts = [];
|
||||
Object.keys(CliOptions).forEach((key) => {
|
||||
const option = CliOptions[key];
|
||||
const opt = {};
|
||||
if (key !== 'version') {
|
||||
if (option.alias) {
|
||||
opt.name = `-${option.alias} --${key}`;
|
||||
} else {
|
||||
opt.name = `--${key}`;
|
||||
}
|
||||
opt.description = option.description;
|
||||
opts.push(opt);
|
||||
}
|
||||
});
|
||||
return opts;
|
||||
}
|
||||
|
||||
export default function (api) {
|
||||
const { utils: { mergeConfig }, cwd } = api;
|
||||
|
||||
api.registerCommand({
|
||||
command: 'test',
|
||||
description: 'run unit tests with jest',
|
||||
options: getCommandOptiton(),
|
||||
async fn({ args }) {
|
||||
process.env.NODE_ENV = 'test';
|
||||
|
||||
if (args._[0] === 'test') {
|
||||
args._.shift();
|
||||
}
|
||||
|
||||
args.debug && logger.log(`args: ${JSON.stringify(args)}`);
|
||||
|
||||
// Read config from cwd/jest.config.js
|
||||
const userJestConfigFile = join(cwd, 'jest.config.js');
|
||||
const userJestConfig = existsSync(userJestConfigFile) && require(userJestConfigFile);
|
||||
args.debug && logger.log(`config from jest.config.js: ${JSON.stringify(userJestConfig)}`);
|
||||
|
||||
// Read jest config from package.json
|
||||
const packageJSONPath = join(cwd, 'package.json');
|
||||
const packageJestConfig = existsSync(packageJSONPath) && require(packageJSONPath).jest;
|
||||
args.debug && logger.log(`jest config from package.json: ${JSON.stringify(packageJestConfig)}`);
|
||||
|
||||
// Merge configs
|
||||
// user config and args config could have value function for modification
|
||||
const config = mergeConfig(
|
||||
createDefaultConfig(cwd, args),
|
||||
packageJestConfig,
|
||||
userJestConfig
|
||||
);
|
||||
args.debug && logger.log(`final config: ${JSON.stringify(config)}`);
|
||||
|
||||
// Generate jest options
|
||||
const argsConfig = Object.keys(CliOptions).reduce((prev, name) => {
|
||||
if (args[name]) prev[name] = args[name];
|
||||
|
||||
// Convert alias args into real one
|
||||
const { alias } = CliOptions[name];
|
||||
if (alias && args[alias]) prev[name] = args[alias];
|
||||
return prev;
|
||||
}, {});
|
||||
args.debug && logger.log(`config from args: ${JSON.stringify(argsConfig)}`);
|
||||
|
||||
// 比较大的库建议使用require，使用时才加载，提升fes命令的效率
|
||||
const { runCLI } = require('jest');
|
||||
// Run jest
|
||||
const result = await runCLI(
|
||||
{
|
||||
// @ts-ignore
|
||||
_: args._ || [],
|
||||
// @ts-ignore
|
||||
$0: args.$0 || '',
|
||||
// 必须是单独的 config 配置，值为 string，否则不生效
|
||||
// @ts-ignore
|
||||
config: JSON.stringify(config),
|
||||
...argsConfig
|
||||
},
|
||||
[cwd]
|
||||
);
|
||||
args.debug && logger.log(result);
|
||||
|
||||
// Throw error when run failed
|
||||
assert(result.results.success, 'Test with jest failed');
|
||||
}
|
||||
});
|
||||
}
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@webank/fes-plugin-layout",
|
||||
"version": "2.0.0-alpha.5",
|
||||
"version": "2.0.0-alpha.8",
|
||||
"description": "@webank/fes-plugin-layout",
|
||||
"main": "lib/index.js",
|
||||
"files": [
|
||||
@ -33,6 +33,6 @@
|
||||
"@ant-design/icons-vue": "^5.1.6",
|
||||
"@webank/fes": "^2.0.0-alpha.0",
|
||||
"ant-design-vue": "2.0.0-rc.3",
|
||||
"vue": "^3.0.4"
|
||||
"vue": "3.0.5"
|
||||
}
|
||||
}
|
||||
|
||||
@ -28,11 +28,10 @@ export default (api) => {
|
||||
|
||||
const HAS_LOCALE = api.hasPlugins(['@webank/fes-plugin-locale']);
|
||||
|
||||
const HAS_ACCESS = api.hasPlugins(['@webank/fes-plugin-access']);
|
||||
|
||||
// .fes配置
|
||||
const userConfig = {
|
||||
title: name,
|
||||
footer: 'Created by Fes.js',
|
||||
...(api.config.layout || {})
|
||||
};
|
||||
|
||||
|
||||
@ -56,8 +56,8 @@
|
||||
<MultiTabProvider v-if="multiTabs" />
|
||||
<router-view v-else></router-view>
|
||||
</a-layout-content>
|
||||
<a-layout-footer class="layout-footer">
|
||||
Fes.js ©2020 Created by MumbleFe
|
||||
<a-layout-footer v-if="footer" class="layout-footer">
|
||||
{{footer}}
|
||||
</a-layout-footer>
|
||||
</a-layout>
|
||||
</a-layout>
|
||||
@ -128,7 +128,8 @@ export default {
|
||||
sideWidth: {
|
||||
type: Number,
|
||||
default: 200
|
||||
}
|
||||
},
|
||||
footer: String
|
||||
},
|
||||
setup(props) {
|
||||
const collapsed = ref(false);
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@webank/fes-plugin-locale",
|
||||
"version": "2.0.0-alpha.2",
|
||||
"version": "2.0.0-alpha.8",
|
||||
"description": "@webank/fes-plugin-locale",
|
||||
"main": "lib/index.js",
|
||||
"files": [
|
||||
@ -28,12 +28,12 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@umijs/utils": "3.3.3",
|
||||
"vue-i18n": "^9.0.0-beta.15"
|
||||
"vue-i18n": "^9.0.0-rc.5"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@ant-design/icons-vue": "^5.1.6",
|
||||
"@webank/fes": "^2.0.0-alpha.0",
|
||||
"ant-design-vue": "2.0.0-rc.3",
|
||||
"vue": "^3.0.4"
|
||||
"vue": "3.0.5"
|
||||
}
|
||||
}
|
||||
|
||||
3
packages/fes-plugin-model/README.md
Normal file
3
packages/fes-plugin-model/README.md
Normal file
@ -0,0 +1,3 @@
|
||||
# fes
|
||||
|
||||
一个好用的前端应用解决方案
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@webank/fes-plugin-model",
|
||||
"version": "2.0.0-alpha.2",
|
||||
"version": "2.0.0-alpha.8",
|
||||
"description": "@webank/fes-plugin-model",
|
||||
"main": "lib/index.js",
|
||||
"files": [
|
||||
@ -31,6 +31,6 @@
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@webank/fes": "^2.0.0-alpha.0",
|
||||
"vue": "^3.0.4"
|
||||
"vue": "3.0.5"
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@webank/fes-plugin-request",
|
||||
"version": "2.0.0-alpha.2",
|
||||
"version": "2.0.0-alpha.8",
|
||||
"description": "@webank/fes-plugin-request",
|
||||
"main": "lib/index.js",
|
||||
"files": [
|
||||
@ -28,7 +28,7 @@
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@webank/fes": "^2.0.0-alpha.0",
|
||||
"vue": "^3.0.4"
|
||||
"vue": "3.0.5"
|
||||
},
|
||||
"dependencies": {
|
||||
"axios": "0.21.1"
|
||||
|
||||
3
packages/fes-plugin-vuex/.fatherrc.js
Normal file
3
packages/fes-plugin-vuex/.fatherrc.js
Normal file
@ -0,0 +1,3 @@
|
||||
export default {
|
||||
disableTypeCheck: false,
|
||||
};
|
||||
21
packages/fes-plugin-vuex/LICENSE
Normal file
21
packages/fes-plugin-vuex/LICENSE
Normal file
@ -0,0 +1,21 @@
|
||||
MIT License
|
||||
|
||||
Copyright (c) 2020-present webank
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
3
packages/fes-plugin-vuex/README.md
Normal file
3
packages/fes-plugin-vuex/README.md
Normal file
@ -0,0 +1,3 @@
|
||||
# fes
|
||||
|
||||
一个好用的前端应用解决方案
|
||||
37
packages/fes-plugin-vuex/package.json
Normal file
37
packages/fes-plugin-vuex/package.json
Normal file
@ -0,0 +1,37 @@
|
||||
{
|
||||
"name": "@webank/fes-plugin-vuex",
|
||||
"version": "2.0.0-alpha.8",
|
||||
"description": "@webank/fes-plugin-vuex",
|
||||
"main": "lib/index.js",
|
||||
"files": [
|
||||
"lib"
|
||||
],
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git+https://github.com/WeBankFinTech/fes.js.git",
|
||||
"directory": "packages/fes-plugin-vuex"
|
||||
},
|
||||
"keywords": [
|
||||
"fes"
|
||||
],
|
||||
"author": "aringlai",
|
||||
"license": "MIT",
|
||||
"bugs": {
|
||||
"url": "https://github.com/WeBankFinTech/fes.js/issues"
|
||||
},
|
||||
"homepage": "https://github.com/WeBankFinTech/fes.js#readme",
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"dependencies": {
|
||||
"@umijs/utils": "3.3.3"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@webank/fes": "^2.0.0-alpha.0",
|
||||
"vue": "3.0.5",
|
||||
"vuex": "^4.0.0-rc.2"
|
||||
}
|
||||
}
|
||||
160
packages/fes-plugin-vuex/src/helper.js
Normal file
160
packages/fes-plugin-vuex/src/helper.js
Normal file
@ -0,0 +1,160 @@
|
||||
import { parser } from '@umijs/utils';
|
||||
import { readdirSync, readFileSync, statSync } from 'fs';
|
||||
import { join } from 'path';
|
||||
|
||||
/**
|
||||
* 获取文件夹所有JS文件路径
|
||||
* @param {string} dir
|
||||
*/
|
||||
function getDirFilePaths(dir) {
|
||||
const dirs = readdirSync(dir);
|
||||
let pathList = [];
|
||||
for (const name of dirs) {
|
||||
const path = join(dir, name);
|
||||
const info = statSync(path);
|
||||
if (info.isDirectory()) {
|
||||
pathList = pathList.concat(getDirFilePaths(path));
|
||||
} else if (path.endsWith('.js')) {
|
||||
pathList.push(path);
|
||||
}
|
||||
}
|
||||
return pathList;
|
||||
}
|
||||
|
||||
/**
|
||||
* 路径转驼峰
|
||||
* @param {*} path
|
||||
*/
|
||||
function pathToHump(path, root) {
|
||||
return path.replace(root, '')
|
||||
.replace('.js', '')
|
||||
.replace(/(\/|\.|-|_)\S/g, text => text[1].toUpperCase())
|
||||
.replace(/\S/, text => text.toLowerCase());
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取vuex模块的mutations、actions、getters类型
|
||||
* @param {*} ast
|
||||
* @param {*} name
|
||||
*/
|
||||
function getModelTypes(ast, name, namespace = '') {
|
||||
const types = {
|
||||
mutations: {},
|
||||
actions: {},
|
||||
getters: {}
|
||||
};
|
||||
let namespaced = false;
|
||||
if (ast.type !== 'ObjectExpression') return types;
|
||||
ast.properties.forEach((node) => {
|
||||
if (node.key.name === 'namespaced' && node.value.value) {
|
||||
namespaced = true;
|
||||
return;
|
||||
}
|
||||
if (Object.keys(types).includes(node.key.name)) {
|
||||
let type = types[node.key.name];
|
||||
if (namespaced) {
|
||||
type = types[node.key.name][name];
|
||||
if (!type) {
|
||||
// eslint-disable-next-line no-multi-assign
|
||||
type = types[node.key.name][name] = {};
|
||||
}
|
||||
}
|
||||
node.value.properties.forEach((prop) => {
|
||||
const key = prop.key && prop.key.name;
|
||||
if (key) {
|
||||
type[key] = `${namespace}${namespaced ? `${name}/` : ''}${key}`;
|
||||
}
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (node.key.name === 'modules') {
|
||||
node.value.properties.forEach((prop) => {
|
||||
const subTypes = getModelTypes(prop.value, prop.key.name, `${namespace}${namespaced ? `${name}/` : ''}`);
|
||||
Object.keys(types).forEach((key) => {
|
||||
if (namespaced) {
|
||||
types[key][name] = {
|
||||
...subTypes[key],
|
||||
...types[key][name]
|
||||
};
|
||||
} else {
|
||||
types[key] = {
|
||||
...subTypes[key],
|
||||
...types[key]
|
||||
};
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
});
|
||||
return types;
|
||||
}
|
||||
|
||||
/**
|
||||
* 解析模块
|
||||
* @param {*} paths
|
||||
* @param {*} root
|
||||
*/
|
||||
function parseModel(paths = [], root) {
|
||||
const modules = [];
|
||||
const importModules = [];
|
||||
let MUTATION_TYPES = {};
|
||||
let ACTION_TYPES = {};
|
||||
let GETTER_TYPES = {};
|
||||
paths.forEach((path) => {
|
||||
const moduleName = pathToHump(path, root);
|
||||
importModules.push(`import ${moduleName} from '${path}'`);
|
||||
modules.push(moduleName);
|
||||
const content = readFileSync(path).toString('utf-8');
|
||||
let ast = parser.parse(content, {
|
||||
sourceType: 'module',
|
||||
plugins: ['jsx', 'typescript']
|
||||
});
|
||||
ast = ast.program.body.filter(body => body.type === 'ExportDefaultDeclaration')[0];
|
||||
if (ast) {
|
||||
const { mutations, actions, getters } = getModelTypes(ast.declaration, moduleName);
|
||||
MUTATION_TYPES = {
|
||||
...mutations,
|
||||
...MUTATION_TYPES
|
||||
};
|
||||
ACTION_TYPES = {
|
||||
...actions,
|
||||
...ACTION_TYPES
|
||||
};
|
||||
GETTER_TYPES = {
|
||||
...getters,
|
||||
...GETTER_TYPES
|
||||
};
|
||||
}
|
||||
});
|
||||
return {
|
||||
modules, importModules, MUTATION_TYPES, ACTION_TYPES, GETTER_TYPES
|
||||
};
|
||||
}
|
||||
|
||||
function parsePlugin(paths = [], root) {
|
||||
const plugins = [];
|
||||
const importPlugins = [];
|
||||
paths.forEach((path) => {
|
||||
const moduleName = pathToHump(path, root);
|
||||
importPlugins.push(`import ${moduleName} from '${path}'`);
|
||||
plugins.push(moduleName);
|
||||
});
|
||||
return { plugins, importPlugins };
|
||||
}
|
||||
|
||||
export function parseStore(root) {
|
||||
const paths = getDirFilePaths(root);
|
||||
const modelPaths = [];
|
||||
const pluginPaths = [];
|
||||
paths.forEach((path) => {
|
||||
if (path.indexOf('plugin') > -1) {
|
||||
pluginPaths.push(path);
|
||||
} else {
|
||||
modelPaths.push(path);
|
||||
}
|
||||
});
|
||||
return {
|
||||
...parsePlugin(pluginPaths, root),
|
||||
...parseModel(modelPaths, root)
|
||||
};
|
||||
}
|
||||
62
packages/fes-plugin-vuex/src/index.js
Normal file
62
packages/fes-plugin-vuex/src/index.js
Normal file
@ -0,0 +1,62 @@
|
||||
import { readFileSync } from 'fs';
|
||||
import { join } from 'path';
|
||||
import { parseStore } from './helper';
|
||||
|
||||
const namespace = 'plugin-vuex';
|
||||
|
||||
export default (api) => {
|
||||
const {
|
||||
paths,
|
||||
utils: { Mustache }
|
||||
} = api;
|
||||
|
||||
api.describe({
|
||||
key: 'vuex',
|
||||
config: {
|
||||
schema(joi) {
|
||||
return joi.object();
|
||||
},
|
||||
onChange: api.ConfigChangeType.regenerateTmpFiles
|
||||
}
|
||||
});
|
||||
|
||||
const absCoreFilePath = join(namespace, 'core.js');
|
||||
const absRuntimeFilePath = join(namespace, 'runtime.js');
|
||||
api.onGenerateFiles(() => {
|
||||
const root = join(paths.absSrcPath, api.config.singular ? 'store' : 'stores');
|
||||
const store = parseStore(root);
|
||||
const vuexConfig = api.config.vuex || {};
|
||||
// 文件写出
|
||||
api.writeTmpFile({
|
||||
path: absCoreFilePath,
|
||||
content: Mustache.render(
|
||||
readFileSync(join(__dirname, 'runtime/core.tpl'), 'utf-8'),
|
||||
{
|
||||
IMPORT_MODULES: store.importModules.join('\n'),
|
||||
IMPORT_PLUGINS: store.importPlugins.join('\n'),
|
||||
MODULES: `{ ${store.modules.join(', ')} }`,
|
||||
PLUGINS: `[${store.plugins.join(', ')}]`,
|
||||
MUTATION_TYPES: JSON.stringify(store.MUTATION_TYPES),
|
||||
ACTION_TYPES: JSON.stringify(store.ACTION_TYPES),
|
||||
GETTER_TYPES: JSON.stringify(store.GETTER_TYPES),
|
||||
VUEX_CONFIG: JSON.stringify(vuexConfig)
|
||||
}
|
||||
)
|
||||
});
|
||||
|
||||
api.copyTmpFiles({
|
||||
namespace,
|
||||
path: join(__dirname, 'runtime'),
|
||||
ignore: ['.tpl']
|
||||
});
|
||||
});
|
||||
|
||||
api.addPluginExports(() => [
|
||||
{
|
||||
specifiers: ['MUTATION_TYPES', 'ACTION_TYPES', 'GETTER_TYPES'],
|
||||
source: absCoreFilePath
|
||||
}
|
||||
]);
|
||||
|
||||
api.addRuntimePlugin(() => `@@/${absRuntimeFilePath}`);
|
||||
};
|
||||
26
packages/fes-plugin-vuex/src/runtime/core.tpl
Normal file
26
packages/fes-plugin-vuex/src/runtime/core.tpl
Normal file
@ -0,0 +1,26 @@
|
||||
import { createStore } from 'vuex';
|
||||
{{{IMPORT_MODULES}}};
|
||||
{{{IMPORT_PLUGINS}}};
|
||||
|
||||
const modules = {{{MODULES}}};
|
||||
const MUTATION_TYPES = {{{MUTATION_TYPES}}};
|
||||
const ACTION_TYPES = {{{ACTION_TYPES}}};
|
||||
const GETTER_TYPES = {{{GETTER_TYPES}}};
|
||||
const conifg = {{{VUEX_CONFIG}}};
|
||||
|
||||
|
||||
const install = function (app) {
|
||||
app.use(createStore({
|
||||
modules: modules,
|
||||
plugins: {{{PLUGINS}}},
|
||||
strict: conifg.strict,
|
||||
devtools: conifg.devtools
|
||||
}));
|
||||
}
|
||||
|
||||
export {
|
||||
install,
|
||||
MUTATION_TYPES,
|
||||
ACTION_TYPES,
|
||||
GETTER_TYPES
|
||||
};
|
||||
6
packages/fes-plugin-vuex/src/runtime/runtime.js
Normal file
6
packages/fes-plugin-vuex/src/runtime/runtime.js
Normal file
@ -0,0 +1,6 @@
|
||||
// eslint-disable-next-line import/extensions
|
||||
import { install } from './core';
|
||||
|
||||
export function onAppCreated({ app }) {
|
||||
install(app);
|
||||
}
|
||||
@ -1,3 +1,7 @@
|
||||
# fes
|
||||
|
||||
一个好用的前端应用解决方案
|
||||
|
||||
# 内置插件
|
||||
|
||||
## TODO
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@webank/fes-preset-built-in",
|
||||
"version": "2.0.0-alpha.2",
|
||||
"version": "2.0.0-alpha.8",
|
||||
"description": "@webank/fes-preset-built-in",
|
||||
"main": "lib/index.js",
|
||||
"types": "lib/index.d.ts",
|
||||
@ -35,19 +35,16 @@
|
||||
"@umijs/utils": "3.3.3",
|
||||
"@vue/babel-plugin-jsx": "^1.0.2",
|
||||
"@vue/compiler-sfc": "^3.0.4",
|
||||
"@webank/fes-compiler": "^2.0.0-alpha.2",
|
||||
"babel-loader": "^8.2.2",
|
||||
"core-js": "^3.8.3",
|
||||
"cliui": "7.0.4",
|
||||
"html-webpack-plugin": "^5.0.0",
|
||||
"html-webpack-tags-plugin": "^3.0.0",
|
||||
"vue-loader": "^16.1.2",
|
||||
"webpackbar": "^5.0.0-3",
|
||||
"@soda/friendly-errors-webpack-plugin": "^1.8.0",
|
||||
"webpack-bundle-analyzer": "^4.4.0",
|
||||
"webpack-dev-server": "^3.11.2",
|
||||
"babel-plugin-import": "1.13.3",
|
||||
"hard-source-webpack-plugin": "0.13.1",
|
||||
"file-loader": "^6.2.0",
|
||||
"url-loader": "^4.1.1",
|
||||
"raw-loader": "^4.0.2",
|
||||
@ -63,8 +60,15 @@
|
||||
"postcss-flexbugs-fixes": "^5.0.2",
|
||||
"postcss-safe-parser": "^5.0.2",
|
||||
"copy-webpack-plugin": "^7.0.0",
|
||||
"webpack-chain": "^6.5.1",
|
||||
"webpack": "^5.21.0",
|
||||
"deepmerge": "^4.2.2"
|
||||
"deepmerge": "^4.2.2",
|
||||
"@webank/fes-compiler": "^2.0.0-alpha.8",
|
||||
"envinfo": "^7.7.3",
|
||||
"vue-loader": "^16.1.2",
|
||||
"cli-highlight": "^2.1.4",
|
||||
"webpack-chain": "^6.5.1",
|
||||
"body-parser": "^1.19.0",
|
||||
"cookie-parser": "^1.4.5",
|
||||
"mockjs": "^1.1.0"
|
||||
}
|
||||
}
|
||||
|
||||
@ -41,14 +41,17 @@ export default function () {
|
||||
require.resolve('./plugins/features/terserOptions'),
|
||||
require.resolve('./plugins/features/nodeModulesTransform'),
|
||||
require.resolve('./plugins/features/vueLoader'),
|
||||
require.resolve('./plugins/features/hardSource'),
|
||||
require.resolve('./plugins/features/mock'),
|
||||
|
||||
// misc
|
||||
require.resolve('./plugins/misc/route'),
|
||||
|
||||
// commands
|
||||
require.resolve('./plugins/commands/build'),
|
||||
require.resolve('./plugins/commands/dev')
|
||||
require.resolve('./plugins/commands/dev'),
|
||||
require.resolve('./plugins/commands/help'),
|
||||
require.resolve('./plugins/commands/info'),
|
||||
require.resolve('./plugins/commands/webpack')
|
||||
]
|
||||
};
|
||||
}
|
||||
|
||||
@ -18,7 +18,7 @@ export default function (api) {
|
||||
} = api;
|
||||
|
||||
api.registerCommand({
|
||||
name: 'build',
|
||||
command: 'build',
|
||||
description: 'build application for production',
|
||||
async fn() {
|
||||
cleanTmpPathExceptCache({
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
import { delay } from '@umijs/utils';
|
||||
import assert from 'assert';
|
||||
import { delay } from '@umijs/utils';
|
||||
import {
|
||||
cleanTmpPathExceptCache,
|
||||
getBundleAndConfigs
|
||||
@ -28,8 +28,15 @@ export default (api) => {
|
||||
}
|
||||
|
||||
api.registerCommand({
|
||||
name: 'dev',
|
||||
description: 'start a dev server for development',
|
||||
command: 'dev',
|
||||
description: 'start a local http service for development',
|
||||
options: [{
|
||||
name: '--port',
|
||||
description: 'http service port, like 8080'
|
||||
}, {
|
||||
name: '--https',
|
||||
description: 'whether to turn on the https service'
|
||||
}],
|
||||
async fn({ args = {} }) {
|
||||
const defaultPort = process.env.PORT || args.port || api.config.devServer?.port;
|
||||
port = await portfinder.getPortPromise({
|
||||
|
||||
@ -0,0 +1,11 @@
|
||||
|
||||
|
||||
export default function (api) {
|
||||
api.registerCommand({
|
||||
command: 'help',
|
||||
description: 'show command helps',
|
||||
async fn({ program }) {
|
||||
program.outputHelp();
|
||||
}
|
||||
});
|
||||
}
|
||||
@ -0,0 +1,24 @@
|
||||
|
||||
export default function (api) {
|
||||
api.registerCommand({
|
||||
command: 'info',
|
||||
description: 'print debugging information about your environment',
|
||||
async fn() {
|
||||
require('envinfo').run(
|
||||
{
|
||||
System: ['OS', 'CPU'],
|
||||
Binaries: ['Node', 'Yarn', 'npm'],
|
||||
Browsers: ['Chrome', 'Edge', 'Firefox', 'Safari'],
|
||||
npmPackages: ['@webank/fes', 'vue', 'vue-router'],
|
||||
npmGlobalPackages: ['@webank/fes']
|
||||
},
|
||||
{
|
||||
showNotFound: true,
|
||||
duplicates: true,
|
||||
fullTree: true
|
||||
}
|
||||
)
|
||||
.then(console.log);
|
||||
}
|
||||
});
|
||||
}
|
||||
@ -0,0 +1,52 @@
|
||||
|
||||
import assert from 'assert';
|
||||
import { getBundleAndConfigs } from '../buildDevUtils';
|
||||
|
||||
export default function (api) {
|
||||
api.registerCommand({
|
||||
command: 'webpack',
|
||||
description: 'inspect webpack configurations',
|
||||
options: [{
|
||||
name: '--rule <ruleName>',
|
||||
description: 'inspect a specific module rule'
|
||||
}, {
|
||||
name: '--plugin <pluginName>',
|
||||
description: 'inspect a specific plugin'
|
||||
}, {
|
||||
name: '--rules',
|
||||
description: 'list all module rule names'
|
||||
}, {
|
||||
name: '--plugins',
|
||||
description: 'list all plugin names'
|
||||
}, {
|
||||
name: '--verbose',
|
||||
description: 'show full function definitions in output'
|
||||
}],
|
||||
async fn({ options }) {
|
||||
const { toString } = require('webpack-chain');
|
||||
const { highlight } = require('cli-highlight');
|
||||
const { bundleConfig } = await getBundleAndConfigs({ api });
|
||||
|
||||
let config = bundleConfig.filter(bc => bc.entry?.index)[0];
|
||||
assert(config, 'No valid config found with fes entry.');
|
||||
|
||||
if (options.rule) {
|
||||
config = config.module.rules.find(
|
||||
r => r.__ruleNames[0] === options.rule
|
||||
);
|
||||
} else if (options.plugin) {
|
||||
config = config.plugins.find(
|
||||
p => p.__pluginName === options.plugin
|
||||
);
|
||||
} else if (options.rules) {
|
||||
config = config.module.rules.map(r => r.__ruleNames[0]);
|
||||
} else if (options.plugins) {
|
||||
config = config.plugins.map(
|
||||
p => p.__pluginName || p.constructor.name
|
||||
);
|
||||
}
|
||||
|
||||
console.log(highlight(toString(config, { verbose: options.verbose }), { language: 'js' }));
|
||||
}
|
||||
});
|
||||
}
|
||||
@ -84,7 +84,12 @@ export default function createCssWebpackConfig({
|
||||
lang: 'less',
|
||||
test: /\.less$/,
|
||||
loader: 'less-loader',
|
||||
options: config.lessLoader || {},
|
||||
options: {
|
||||
lessOptions: {
|
||||
javascriptEnabled: true,
|
||||
...config.lessLoader
|
||||
}
|
||||
},
|
||||
browserslist
|
||||
});
|
||||
|
||||
|
||||
@ -26,7 +26,7 @@ function resolveDefine(opts = {}) {
|
||||
|
||||
for (const key in define) {
|
||||
if (Object.prototype.hasOwnProperty.call(define, key)) {
|
||||
define[key] = JSON.stringify(opts.define[key]);
|
||||
define[key] = JSON.stringify(define[key]);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -78,6 +78,12 @@ export default async function getConfig({
|
||||
webpackConfig.externals(config.externals || {});
|
||||
webpackConfig.devtool(isDev ? (config.devtool || 'cheap-module-source-map') : config.devtool);
|
||||
|
||||
// --------------- cache -----------
|
||||
webpackConfig.cache({
|
||||
type: 'filesystem',
|
||||
cacheDirectory: join(cwd, '.cache/webpack')
|
||||
});
|
||||
|
||||
// --------------- entry -----------
|
||||
// Feature 公共模块 vue vue-router 处理 dependOn ?
|
||||
Object.keys(entry).forEach((key) => {
|
||||
|
||||
@ -18,11 +18,4 @@ export default function createVueWebpackConfig({
|
||||
webpackConfig
|
||||
.plugin('vue-loader')
|
||||
.use(require('vue-loader').VueLoaderPlugin);
|
||||
|
||||
// webpackConfig
|
||||
// .plugin('feature-flags')
|
||||
// .use(webpack.DefinePlugin, [{
|
||||
// __VUE_OPTIONS_API__: 'true',
|
||||
// __VUE_PROD_DEVTOOLS__: 'false'
|
||||
// }]);
|
||||
}
|
||||
|
||||
@ -1,43 +0,0 @@
|
||||
// import {
|
||||
// winPath
|
||||
// } from '@umijs/utils';
|
||||
// import HardSourceWebpackPlugin from 'hard-source-webpack-plugin';
|
||||
|
||||
export default (api) => {
|
||||
api.describe({
|
||||
key: 'hardSource',
|
||||
config: {
|
||||
schema(joi) {
|
||||
return joi.object();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// api.chainWebpack((webpackConfig) => {
|
||||
// const cwd = api.cwd;
|
||||
// if (api.env === 'development') {
|
||||
// webpackConfig
|
||||
// .plugin('hardSource')
|
||||
// .use(HardSourceWebpackPlugin, [{
|
||||
// cacheDirectory: winPath(`${cwd}/.cache/hard-source/[confighash]`),
|
||||
// ...api.config.hardSource || {}
|
||||
// }]);
|
||||
// webpackConfig
|
||||
// .plugin('hardSourceExclude')
|
||||
// .use(HardSourceWebpackPlugin.ExcludeModulePlugin, [
|
||||
// [
|
||||
// {
|
||||
// // HardSource works with mini-css-extract-plugin but due to how
|
||||
// // mini-css emits assets, assets are not emitted on repeated builds with
|
||||
// // mini-css and hard-source together. Ignoring the mini-css loader
|
||||
// // modules, but not the other css loader modules, excludes the modules
|
||||
// // that mini-css needs rebuilt to output assets every time.
|
||||
// test: /mini-css-extract-plugin[\\/]dist[\\/]loader/
|
||||
// }
|
||||
// ]
|
||||
// ]);
|
||||
// }
|
||||
|
||||
// return webpackConfig;
|
||||
// });
|
||||
};
|
||||
@ -3,6 +3,7 @@ export default (api) => {
|
||||
api.describe({
|
||||
key: 'lessLoader',
|
||||
config: {
|
||||
default: {},
|
||||
schema(joi) {
|
||||
return joi.object();
|
||||
}
|
||||
|
||||
174
packages/fes-preset-built-in/src/plugins/features/mock.js
Normal file
174
packages/fes-preset-built-in/src/plugins/features/mock.js
Normal file
@ -0,0 +1,174 @@
|
||||
import { existsSync, readFileSync } from 'fs';
|
||||
import { resolve } from 'path';
|
||||
import { chokidar, lodash } from '@umijs/utils';
|
||||
import bodyParser from 'body-parser';
|
||||
import cookieParser from 'cookie-parser';
|
||||
import Mock from 'mockjs';
|
||||
|
||||
export default (api) => {
|
||||
let mockFlag = false; // mock 开关flag
|
||||
let mockPrefix = '/'; // mock 过滤前缀
|
||||
let mockFile = ''; // mock 文件
|
||||
let loadMock = ''; // mock 对象
|
||||
|
||||
api.describe({
|
||||
key: 'mock',
|
||||
config: {
|
||||
schema(joi) {
|
||||
return joi.alternatives(joi.boolean(), joi.object());
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// 对 array、object 遍历处理
|
||||
function traversalHandler(val, callback) {
|
||||
if (lodash.isArray(val)) {
|
||||
val.forEach(callback);
|
||||
}
|
||||
if (lodash.isPlainObject(val)) {
|
||||
Object.keys(val).forEach((key) => { callback(val[key], key); });
|
||||
}
|
||||
}
|
||||
|
||||
// 根据参数个数获取配置
|
||||
function getOption(arg) {
|
||||
const len = arg.length;
|
||||
// 默认配置
|
||||
const option = {
|
||||
headers: {
|
||||
'Cache-Control': 'no-cache'
|
||||
},
|
||||
statusCode: 200,
|
||||
cookies: [],
|
||||
timeout: 0
|
||||
};
|
||||
if (len === 0) return option;
|
||||
if (len === 1) {
|
||||
const newOption = arg[0];
|
||||
if (lodash.isPlainObject(newOption)) {
|
||||
traversalHandler(newOption, (value, key) => {
|
||||
if (key === 'headers') {
|
||||
traversalHandler(newOption.headers, (headervalue, headerkey) => {
|
||||
option.headers[headerkey] = newOption.headers[headerkey];
|
||||
});
|
||||
} else {
|
||||
option[key] = newOption[key];
|
||||
}
|
||||
});
|
||||
}
|
||||
} else {
|
||||
option.url = arg[0];
|
||||
option.result = arg[1];
|
||||
}
|
||||
return option;
|
||||
}
|
||||
|
||||
// 把基于 cgiMockfile 的相对绝对转成绝对路径
|
||||
function parsePath(value) {
|
||||
return resolve(api.cwd, value);
|
||||
}
|
||||
|
||||
const createMock = () => {
|
||||
const requestList = [];
|
||||
const cgiMock = (...arg) => {
|
||||
const option = getOption(arg);
|
||||
if (!option.url || !option.result) return;
|
||||
requestList.push(option);
|
||||
};
|
||||
cgiMock.file = function (file) {
|
||||
return readFileSync(parsePath(file));
|
||||
};
|
||||
|
||||
// mock打开情况下，配置的过滤前缀
|
||||
const mockPrefixTemp = api.config.mock.prefix || mockPrefix;
|
||||
mockPrefix = mockPrefixTemp === mockPrefix ? mockPrefixTemp : `${mockPrefixTemp}/`;
|
||||
// mock文件处理
|
||||
mockFile = parsePath('./mock.js');
|
||||
if (!existsSync(mockFile)) {
|
||||
api.logger.info('mock.js File does not exist, please check'); return;
|
||||
}
|
||||
// 清除require的缓存，保证 mock 文件修改后拿到最新的 mock.js
|
||||
if (require.cache[mockFile]) {
|
||||
delete require.cache[mockFile];
|
||||
}
|
||||
// require最新的 mock.js 文件
|
||||
try {
|
||||
const projectMock = require(mockFile);
|
||||
if (!lodash.isFunction(projectMock)) {
|
||||
api.logger.info('mock.js should export Function'); return;
|
||||
}
|
||||
projectMock({ cgiMock, Mock });
|
||||
} catch (err) {
|
||||
api.logger.info('mock.js run fail!');
|
||||
}
|
||||
|
||||
return (req, res, next) => {
|
||||
// 如果请求不是以 cgiMock.prefix 开头，直接 next
|
||||
if (!req.path.startsWith(mockPrefix)) {
|
||||
return next();
|
||||
}
|
||||
// 请求以 cgiMock.prefix 开头，匹配处理
|
||||
const matchRequet = requestList.find(item => req.path.search(item.url) !== -1);
|
||||
if (!matchRequet) {
|
||||
return next();
|
||||
}
|
||||
|
||||
// set header
|
||||
res.set(matchRequet.headers);
|
||||
// set Content-Type
|
||||
matchRequet.type && res.type(matchRequet.type);
|
||||
// set status code
|
||||
res.status(matchRequet.statusCode);
|
||||
// set cookie
|
||||
traversalHandler(matchRequet.cookies, (item) => {
|
||||
const name = item.name;
|
||||
const value = item.value;
|
||||
delete item.name;
|
||||
delete item.value;
|
||||
res.cookie(name, value, item);
|
||||
});
|
||||
|
||||
// do result
|
||||
if (lodash.isFunction(matchRequet.result)) {
|
||||
matchRequet.result(req, res);
|
||||
} else if (
|
||||
lodash.isArray(matchRequet.result) || lodash.isPlainObject(matchRequet.result)
|
||||
) {
|
||||
!matchRequet.type && res.type('json');
|
||||
res.json(matchRequet.result);
|
||||
} else {
|
||||
!matchRequet.type && res.type('text');
|
||||
res.send(matchRequet.result.toString());
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
api.onStart(() => {
|
||||
// 获取mock配置: 是否打开
|
||||
mockFlag = lodash.isPlainObject(api.config.mock) ? true : api.config.mock;
|
||||
if (!mockFlag) return;
|
||||
|
||||
loadMock = createMock();
|
||||
chokidar.watch(mockFile, {
|
||||
ignoreInitial: true
|
||||
}).on('change', () => {
|
||||
api.logger.info('mock.js changed，reload');
|
||||
loadMock = createMock();
|
||||
});
|
||||
});
|
||||
|
||||
api.addBeforeMiddlewares(() => {
|
||||
if (!mockFlag) return [];
|
||||
return [
|
||||
bodyParser.json(),
|
||||
bodyParser.urlencoded({
|
||||
extended: false
|
||||
}),
|
||||
cookieParser()
|
||||
];
|
||||
});
|
||||
api.addBeforeMiddlewares(() => (req, res, next) => {
|
||||
if (!mockFlag) return next();
|
||||
loadMock(req, res, next);
|
||||
});
|
||||
};
|
||||
3
packages/fes-runtime/README.md
Normal file
3
packages/fes-runtime/README.md
Normal file
@ -0,0 +1,3 @@
|
||||
# fes
|
||||
|
||||
一个好用的前端应用解决方案
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@webank/fes-runtime",
|
||||
"version": "2.0.0-alpha.2",
|
||||
"version": "2.0.0-alpha.8",
|
||||
"description": "@webank/fes-runtime",
|
||||
"main": "dist/index.js",
|
||||
"files": [
|
||||
@ -25,7 +25,7 @@
|
||||
"access": "public"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"vue": "^3.0.4"
|
||||
"vue": "3.0.5"
|
||||
},
|
||||
"dependencies": {
|
||||
"vue-router": "^4.0.1"
|
||||
|
||||
@ -40,15 +40,14 @@
|
||||
"access": "public"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@vue/compiler-sfc": "^3.0.0",
|
||||
"@webank/eslint-config-webank": "^0.2.10",
|
||||
"@webank/eslint-config-webank": "0.2.10",
|
||||
"postcss-px-to-viewport": "1.1.1"
|
||||
},
|
||||
"dependencies": {
|
||||
"@webank/fes": "^2.0.0-alpha.0",
|
||||
"@webank/fes-plugin-icon": "^2.0.0-alpha.0",
|
||||
"@webank/fes-plugin-request": "^2.0.0-alpha.0",
|
||||
"vue": "^3.0.4"
|
||||
"vue": "3.0.5"
|
||||
},
|
||||
"private": true
|
||||
}
|
||||
|
||||
14
packages/fes-template/.eslintrc.js
Normal file
14
packages/fes-template/.eslintrc.js
Normal file
@ -0,0 +1,14 @@
|
||||
module.exports = {
|
||||
extends: ['@webank/eslint-config-webank/vue.js'],
|
||||
overrides: [
|
||||
{
|
||||
files: [
|
||||
'**/__tests__/*.{j,t}s?(x)',
|
||||
'**/tests/unit/**/*.spec.{j,t}s?(x)'
|
||||
]
|
||||
}
|
||||
],
|
||||
env: {
|
||||
jest: true
|
||||
}
|
||||
};
|
||||
@ -9,16 +9,28 @@ export default {
|
||||
publicPath: '/',
|
||||
access: {
|
||||
roles: {
|
||||
admin: ["/", "/onepiece"]
|
||||
admin: ["/", "/onepiece", '/store']
|
||||
}
|
||||
},
|
||||
mock: {
|
||||
prefix: '/v2'
|
||||
},
|
||||
proxy: {
|
||||
'/v2': {
|
||||
'target': 'https://api.douban.com/',
|
||||
'changeOrigin': true,
|
||||
},
|
||||
},
|
||||
layout: {
|
||||
title: "Fes.js",
|
||||
footer: 'Created by MumbelFe',
|
||||
multiTabs: false,
|
||||
menus: [{
|
||||
name: 'index'
|
||||
}, {
|
||||
name: 'onepiece'
|
||||
}, {
|
||||
name: 'store'
|
||||
}]
|
||||
},
|
||||
locale: {
|
||||
@ -29,5 +41,8 @@ export default {
|
||||
},
|
||||
enums: {
|
||||
status: [['0', '无效的'], ['1', '有效的']]
|
||||
},
|
||||
vuex: {
|
||||
strict: true
|
||||
}
|
||||
};
|
||||
|
||||
5
packages/fes-template/.fes.local.js
Normal file
5
packages/fes-template/.fes.local.js
Normal file
@ -0,0 +1,5 @@
|
||||
export default {
|
||||
// define: {
|
||||
// __DEV__: true
|
||||
// },
|
||||
}
|
||||
2
packages/fes-template/.gitignore
vendored
2
packages/fes-template/.gitignore
vendored
@ -2,7 +2,7 @@
|
||||
|
||||
# dependencies
|
||||
/node_modules
|
||||
|
||||
/coverage
|
||||
|
||||
# fes
|
||||
/src/.fes
|
||||
|
||||
5
packages/fes-template/__tests__/add.js
Normal file
5
packages/fes-template/__tests__/add.js
Normal file
@ -0,0 +1,5 @@
|
||||
import sum from '@/utils/sum';
|
||||
|
||||
test('adds 1 + 2 to equal 3', () => {
|
||||
expect(sum(1, 2)).toBe(3);
|
||||
});
|
||||
130
packages/fes-template/mock.js
Normal file
130
packages/fes-template/mock.js
Normal file
@ -0,0 +1,130 @@
|
||||
module.exports = ({ cgiMock, Mock }) => {
|
||||
const { Random } = Mock;
|
||||
|
||||
// 测试 proxy 与 mock 用例集合
|
||||
cgiMock('/movie/in_theaters_mock', (req, res) => {
|
||||
res.send(JSON.stringify({
|
||||
code: '0',
|
||||
msg: '',
|
||||
result: {
|
||||
text: 'movie: movie/in_theaters_mock ~~~~~'
|
||||
}
|
||||
}));
|
||||
});
|
||||
cgiMock('/movie/test_mock', (req, res) => {
|
||||
res.send(JSON.stringify({
|
||||
code: '0',
|
||||
msg: '',
|
||||
result: {
|
||||
text: 'mock: movie/test_mock'
|
||||
}
|
||||
}));
|
||||
});
|
||||
|
||||
// 测试用例: mock.js change，重现请求，需要能拉最新的数据
|
||||
cgiMock('/watchtest', (req, res) => {
|
||||
res.send(JSON.stringify({
|
||||
code: '0',
|
||||
msg: '',
|
||||
result: {
|
||||
text: '通过 register 测试 mock watch: 初始状态'
|
||||
}
|
||||
}));
|
||||
});
|
||||
|
||||
// 返回一个数字
|
||||
// cgiMock('/number', 666);
|
||||
cgiMock('/number', 999);
|
||||
|
||||
// 返回一个json
|
||||
cgiMock({
|
||||
url: '/json',
|
||||
result: {
|
||||
code: '400101', msg: "不合法的请求:Missing cookie 'wb_app_id' for method parameter of type String", transactionTime: '20170309171146', success: false
|
||||
}
|
||||
});
|
||||
|
||||
// 利用 mock.js 产生随机文本
|
||||
cgiMock('/text', Random.cparagraph());
|
||||
|
||||
// 返回一个字符串 利用 mock.js 产生随机字符
|
||||
cgiMock('/random', Mock.mock({
|
||||
'string|1-10': '★'
|
||||
}));
|
||||
|
||||
// 正则匹配url, 返回一个字符串
|
||||
cgiMock(/\/abc|\/xyz/, 'regexp test!');
|
||||
|
||||
// option.result 参数如果是一个函数, 可以实现自定义返回内容, 接收的参数是是经过 express 封装的 req 和 res 对象.
|
||||
cgiMock(/\/function$/, (req, res) => {
|
||||
res.send('function test');
|
||||
});
|
||||
|
||||
// 返回文本 readFileSync
|
||||
cgiMock('/file', cgiMock.file('./package.json'));
|
||||
|
||||
// 更复杂的规则配置
|
||||
cgiMock({
|
||||
url: /\/who/,
|
||||
method: 'GET',
|
||||
result(req, res) {
|
||||
if (req.query.name === 'kwan') {
|
||||
res.json({ kwan: '孤独患者' });
|
||||
} else {
|
||||
res.send('Nooooooooooo');
|
||||
}
|
||||
},
|
||||
headers: {
|
||||
'Content-Type': 'text/plain',
|
||||
'Content-Length': '123',
|
||||
ETag: '12345'
|
||||
},
|
||||
cookies: [
|
||||
{
|
||||
name: 'myname', value: 'kwan', maxAge: 900000, httpOnly: true
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
// 携带参数的请求
|
||||
cgiMock('/v2/audit/list', (req, res) => {
|
||||
const {
|
||||
currentPage, pageSize, isAudited
|
||||
} = req.body;
|
||||
res.send({
|
||||
code: '0',
|
||||
msg: '',
|
||||
data: {
|
||||
currentPage,
|
||||
pageSize,
|
||||
totalPage: 2,
|
||||
totalCount: 12,
|
||||
pageData: Array.from({ length: pageSize }, () => ({
|
||||
title: Random.title(),
|
||||
authorName: Random.cname(),
|
||||
authorId: Random.name(),
|
||||
createTime: Date.now(),
|
||||
updateTime: Date.now(),
|
||||
readCount: Random.integer(60, 1000),
|
||||
favoriteCount: Random.integer(1, 50),
|
||||
postId: '12323',
|
||||
serviceTag: '业务类型',
|
||||
productTag: '产品类型',
|
||||
requestTag: '需求类型',
|
||||
handleTag: '已采纳',
|
||||
postType: 'voice',
|
||||
postStatus: isAudited ? 'pass' : 'auditing',
|
||||
auditStatus: 'audit1'
|
||||
}))
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// multipart/form-data 类型
|
||||
cgiMock('/v2/upload', (req, res) => {
|
||||
res.send({
|
||||
code: '0',
|
||||
msg: '文件上传成功'
|
||||
});
|
||||
});
|
||||
};
|
||||
@ -6,7 +6,8 @@
|
||||
"build": "fes build",
|
||||
"prod": "FES_ENV=prod fes build",
|
||||
"analyze": "ANALYZE=1 fes build",
|
||||
"dev": "fes dev"
|
||||
"dev": "fes dev",
|
||||
"test:unit": "fes test:unit"
|
||||
},
|
||||
"keywords": [
|
||||
"管理端",
|
||||
@ -42,8 +43,7 @@
|
||||
"access": "public"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@vue/compiler-sfc": "^3.0.0",
|
||||
"@webank/eslint-config-webank": "^0.2.10"
|
||||
"@webank/eslint-config-webank": "0.2.10"
|
||||
},
|
||||
"dependencies": {
|
||||
"@webank/fes": "^2.0.0-alpha.0",
|
||||
@ -52,8 +52,12 @@
|
||||
"@webank/fes-plugin-locale": "^2.0.0-alpha.0",
|
||||
"@webank/fes-plugin-model": "^2.0.0-alpha.0",
|
||||
"@webank/fes-plugin-enums": "^2.0.0-alpha.0",
|
||||
"ant-design-vue": "2.0.0-rc.3",
|
||||
"vue": "3.0.4"
|
||||
"@webank/fes-plugin-jest": "^2.0.0-alpha.8",
|
||||
"@webank/fes-plugin-vuex": "^2.0.0-alpha.8",
|
||||
"@webank/fes-plugin-request": "2.0.0-alpha.1",
|
||||
"ant-design-vue": "2.0.0",
|
||||
"vue": "3.0.5",
|
||||
"vuex": "^4.0.0-rc.2"
|
||||
},
|
||||
"private": true
|
||||
}
|
||||
|
||||
@ -20,7 +20,7 @@
|
||||
<script>
|
||||
import { ref, onMounted } from 'vue';
|
||||
import {
|
||||
access, useAccess, useRouter, useI18n, locale, enums
|
||||
access, useAccess, useRouter, useI18n, locale, enums, request
|
||||
} from '@webank/fes';
|
||||
|
||||
export default {
|
||||
@ -75,6 +75,25 @@ export default {
|
||||
accessId.value = '11';
|
||||
}, 4000);
|
||||
// router.push('/onepiece');
|
||||
|
||||
console.log('测试 mock!!');
|
||||
request('/v2/file').then((data) => {
|
||||
console.log(data);
|
||||
}).catch((err) => {
|
||||
console.log(err);
|
||||
});
|
||||
request('/v2/movie/in_theaters_mock').then((data) => {
|
||||
console.log(data);
|
||||
}).catch((err) => {
|
||||
console.log(err);
|
||||
});
|
||||
|
||||
console.log('测试 proxy!!');
|
||||
request('/v2/movie/in_theaters_proxy').then((resp) => {
|
||||
console.log(resp);
|
||||
}).catch((err) => {
|
||||
console.log(err);
|
||||
});
|
||||
});
|
||||
return {
|
||||
accessId,
|
||||
|
||||
50
packages/fes-template/src/pages/store.vue
Normal file
50
packages/fes-template/src/pages/store.vue
Normal file
@ -0,0 +1,50 @@
|
||||
<template>
|
||||
<div class="haizekuo">
|
||||
<h4>Vuex</h4>
|
||||
<div><button @click="increment">click me：{{doubleCount}}</button></div>
|
||||
<div><button :disabled="disabled" @click="login">async login</button></div>
|
||||
<div><button @click="fooBarIncrement">foo/bar：{{fooBarDoubleCount}}</button></div>
|
||||
<div>{{address}}</div>
|
||||
</div>
|
||||
</template>
|
||||
<config>
|
||||
{
|
||||
"name": "store",
|
||||
"title": "vuex测试"
|
||||
}
|
||||
</config>
|
||||
<script>
|
||||
import { computed, ref } from 'vue';
|
||||
import { useStore } from 'vuex';
|
||||
import { MUTATION_TYPES, GETTER_TYPES, ACTION_TYPES } from '@webank/fes';
|
||||
|
||||
export default {
|
||||
setup() {
|
||||
const store = useStore();
|
||||
console.log('store==>', store);
|
||||
const disabled = ref(false);
|
||||
return {
|
||||
address: computed(() => store.getters[GETTER_TYPES.user.address]),
|
||||
doubleCount: computed(() => store.getters[GETTER_TYPES.counter.doubleCount]),
|
||||
disabled,
|
||||
increment: () => store.commit(MUTATION_TYPES.counter.increment),
|
||||
login: () => {
|
||||
disabled.value = true;
|
||||
store.dispatch(ACTION_TYPES.user.login).then((res) => {
|
||||
// eslint-disable-next-line no-alert
|
||||
window.alert(res);
|
||||
disabled.value = false;
|
||||
});
|
||||
},
|
||||
fooBarIncrement: () => store.commit(MUTATION_TYPES.fooBar.increment),
|
||||
fooBarDoubleCount: computed(() => store.getters[GETTER_TYPES.fooBar.doubleCount])
|
||||
};
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.haizekuo {
|
||||
/* background: url('../images/icon.png'); */
|
||||
}
|
||||
</style>
|
||||
23
packages/fes-template/src/stores/counter.js
Normal file
23
packages/fes-template/src/stores/counter.js
Normal file
@ -0,0 +1,23 @@
|
||||
export default {
|
||||
namespaced: true,
|
||||
state: () => ({
|
||||
count: 0
|
||||
}),
|
||||
mutations: {
|
||||
increment(state) {
|
||||
state.count++;
|
||||
}
|
||||
},
|
||||
getters: {
|
||||
doubleCount(state) {
|
||||
return state.count * 2;
|
||||
}
|
||||
},
|
||||
actions: {
|
||||
asyncIncrement({ commit }) {
|
||||
setTimeout(() => {
|
||||
commit('increment');
|
||||
}, 2000);
|
||||
}
|
||||
}
|
||||
};
|
||||
23
packages/fes-template/src/stores/foo/bar.js
Normal file
23
packages/fes-template/src/stores/foo/bar.js
Normal file
@ -0,0 +1,23 @@
|
||||
export default {
|
||||
namespaced: true,
|
||||
state: () => ({
|
||||
count: 0
|
||||
}),
|
||||
mutations: {
|
||||
increment(state) {
|
||||
state.count++;
|
||||
}
|
||||
},
|
||||
getters: {
|
||||
doubleCount(state) {
|
||||
return state.count * 2;
|
||||
}
|
||||
},
|
||||
actions: {
|
||||
asyncIncrement({ commit }) {
|
||||
setTimeout(() => {
|
||||
commit('increment');
|
||||
}, 2000);
|
||||
}
|
||||
}
|
||||
};
|
||||
3
packages/fes-template/src/stores/plugin-loger.js
Normal file
3
packages/fes-template/src/stores/plugin-loger.js
Normal file
@ -0,0 +1,3 @@
|
||||
import { createLogger } from 'vuex';
|
||||
|
||||
export default createLogger();
|
||||
54
packages/fes-template/src/stores/user.js
Normal file
54
packages/fes-template/src/stores/user.js
Normal file
@ -0,0 +1,54 @@
|
||||
export default {
|
||||
namespaced: true,
|
||||
state: () => ({
|
||||
name: 'aring',
|
||||
age: 20,
|
||||
count: 0
|
||||
}),
|
||||
mutations: {
|
||||
increment(state) {
|
||||
state.count++;
|
||||
}
|
||||
},
|
||||
getters: {
|
||||
doubleCount(state) {
|
||||
return state.count * 2;
|
||||
}
|
||||
},
|
||||
actions: {
|
||||
asyncIncrement({ commit }) {
|
||||
setTimeout(() => {
|
||||
commit('increment');
|
||||
}, 2000);
|
||||
},
|
||||
login() {
|
||||
return new Promise((reslove) => {
|
||||
setTimeout(() => {
|
||||
console.log('login');
|
||||
reslove('OK');
|
||||
}, 1000);
|
||||
});
|
||||
}
|
||||
},
|
||||
modules: {
|
||||
address: {
|
||||
state: () => ({
|
||||
province: '广东省',
|
||||
city: '深圳市',
|
||||
zone: '南山区'
|
||||
}),
|
||||
getters: {
|
||||
address(state) {
|
||||
return state.province + state.city + state.zone;
|
||||
}
|
||||
}
|
||||
},
|
||||
posts: {
|
||||
namespaced: true,
|
||||
state: () => ({}),
|
||||
mutations: {
|
||||
doSomething() {}
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
3
packages/fes-template/src/utils/sum.js
Normal file
3
packages/fes-template/src/utils/sum.js
Normal file
@ -0,0 +1,3 @@
|
||||
export default function sum(a, b) {
|
||||
return a + b;
|
||||
}
|
||||
3
packages/fes-utils/README.md
Normal file
3
packages/fes-utils/README.md
Normal file
@ -0,0 +1,3 @@
|
||||
# fes
|
||||
|
||||
一个好用的前端应用解决方案
|
||||
@ -1,31 +1,3 @@
|
||||
# fes-cli
|
||||
# fes
|
||||
|
||||
`fes-cli`是命令行工具，解决创建工程、开发调试、打包发布。
|
||||
|
||||
## TODO
|
||||
|
||||
* 以插件化的形式重写 fes-cli
|
||||
|
||||
## 安装
|
||||
|
||||
npm install -g @webank/fes-cli
|
||||
|
||||
## 使用
|
||||
|
||||
### 创建项目
|
||||
|
||||
fes init [project]
|
||||
|
||||
### 开发调试
|
||||
|
||||
fes dev
|
||||
|
||||
启动http服务，默认监听localhost:5000
|
||||
|
||||
### 编译打包
|
||||
|
||||
fes build
|
||||
|
||||
## 文档
|
||||
|
||||
详细使用请查看[文档](https://webankfintech.github.io/fes.js/)
|
||||
一个好用的前端应用解决方案
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@webank/fes",
|
||||
"version": "2.0.0-alpha.2",
|
||||
"version": "2.0.0-alpha.8",
|
||||
"description": "一个好用的前端管理台快速开发框架",
|
||||
"preferGlobal": true,
|
||||
"scripts": {
|
||||
@ -40,12 +40,9 @@
|
||||
],
|
||||
"dependencies": {
|
||||
"@umijs/utils": "3.3.3",
|
||||
"@webank/fes-compiler": "^2.0.0-alpha.2",
|
||||
"@webank/fes-preset-built-in": "^2.0.0-alpha.2",
|
||||
"@webank/fes-runtime": "^2.0.0-alpha.2",
|
||||
"commander": "^6.2.1",
|
||||
"envinfo": "^7.7.3",
|
||||
"leven": "^3.1.0",
|
||||
"@webank/fes-compiler": "^2.0.0-alpha.8",
|
||||
"@webank/fes-preset-built-in": "^2.0.0-alpha.8",
|
||||
"@webank/fes-runtime": "^2.0.0-alpha.8",
|
||||
"resolve-cwd": "^3.0.0"
|
||||
},
|
||||
"engines": {
|
||||
|
||||
@ -1,6 +1,4 @@
|
||||
import { chalk, yParser, semver } from '@umijs/utils';
|
||||
import program from 'commander';
|
||||
import leven from 'leven';
|
||||
import { Service } from './serviceWithBuiltIn';
|
||||
import fork from './utils/fork';
|
||||
import getCwd from './utils/getCwd';
|
||||
@ -24,36 +22,15 @@ function checkNodeVersion(wanted, id) {
|
||||
|
||||
checkNodeVersion(requiredVersion, '@webank/fes');
|
||||
|
||||
function suggestCommands(unknownCommand) {
|
||||
const availableCommands = program.commands.map(cmd => cmd._name);
|
||||
|
||||
let suggestion;
|
||||
|
||||
availableCommands.forEach((cmd) => {
|
||||
const isBestMatch = leven(cmd, unknownCommand) < leven(suggestion || '', unknownCommand);
|
||||
if (leven(cmd, unknownCommand) < 3 && isBestMatch) {
|
||||
suggestion = cmd;
|
||||
}
|
||||
});
|
||||
|
||||
if (suggestion) {
|
||||
console.log(` ${chalk.red(`Did you mean ${chalk.yellow(suggestion)}?`)}`);
|
||||
}
|
||||
}
|
||||
|
||||
// process.argv: [node, fes.js, command, args]
|
||||
const args = yParser(process.argv.slice(2));
|
||||
const rawArgv = process.argv.slice(2);
|
||||
const args = yParser(rawArgv);
|
||||
|
||||
program
|
||||
.version(`@webank/fes ${fesPkg.version}`, '-v, --vers', 'output the current version')
|
||||
.usage('<command> [options]')
|
||||
.description(fesPkg.description);
|
||||
|
||||
program
|
||||
.command('dev')
|
||||
.description('run local http service for development')
|
||||
.action(() => {
|
||||
(async () => {
|
||||
try {
|
||||
const command = args._[0];
|
||||
process.env.FES_ENV = args.mode || '';
|
||||
if (command === 'dev') {
|
||||
const child = fork({
|
||||
scriptPath: require.resolve('./forkedDev')
|
||||
});
|
||||
@ -67,84 +44,22 @@ program
|
||||
child.kill('SIGTERM');
|
||||
process.exit(1);
|
||||
});
|
||||
} catch (e) {
|
||||
console.error(chalk.red(e.message));
|
||||
console.error(e.stack);
|
||||
process.exit(1);
|
||||
}
|
||||
});
|
||||
|
||||
program
|
||||
.command('build')
|
||||
.description('compile and package code')
|
||||
.action(async () => {
|
||||
try {
|
||||
} else {
|
||||
if (command === 'build') {
|
||||
process.env.NODE_ENV = 'production';
|
||||
process.env.FES_ENV = args.mode || '';
|
||||
}
|
||||
await new Service({
|
||||
cwd: getCwd(),
|
||||
pkg: getPkg(process.cwd())
|
||||
pkg: getPkg(process.cwd()),
|
||||
fesPkg
|
||||
}).run({
|
||||
name: 'build',
|
||||
args
|
||||
args,
|
||||
rawArgv
|
||||
});
|
||||
}
|
||||
} catch (e) {
|
||||
console.error(chalk.red(e.message));
|
||||
console.error(e.stack);
|
||||
process.exit(1);
|
||||
}
|
||||
});
|
||||
|
||||
program
|
||||
.command('info')
|
||||
.description('print debugging information about your environment')
|
||||
.action(() => {
|
||||
console.log(chalk.bold('\nEnvironment Info:'));
|
||||
require('envinfo')
|
||||
.run(
|
||||
{
|
||||
System: ['OS', 'CPU'],
|
||||
Binaries: ['Node', 'Yarn', 'npm'],
|
||||
Browsers: ['Chrome', 'Edge', 'Firefox', 'Safari'],
|
||||
npmPackages: '/**/{typescript,*vue*,@webank/*/}',
|
||||
npmGlobalPackages: ['@webank/fes']
|
||||
},
|
||||
{
|
||||
showNotFound: true,
|
||||
duplicates: true,
|
||||
fullTree: true
|
||||
}
|
||||
)
|
||||
.then(console.log);
|
||||
});
|
||||
|
||||
// output help information on unknown commands
|
||||
program
|
||||
.arguments('[command]')
|
||||
.action((cmd) => {
|
||||
if (cmd) {
|
||||
program.outputHelp();
|
||||
console.log(` ${chalk.red(`Unknown command ${chalk.yellow(cmd)}.`)}`);
|
||||
console.log();
|
||||
suggestCommands(cmd);
|
||||
process.exitCode = 1;
|
||||
}
|
||||
});
|
||||
|
||||
program.on('--help', () => {
|
||||
console.log();
|
||||
console.log(
|
||||
` Run ${chalk.cyan(
|
||||
'fes <command> --help'
|
||||
)} for detailed usage of given command.`
|
||||
);
|
||||
console.log();
|
||||
});
|
||||
|
||||
program.commands.forEach(c => c.on('--help', () => console.log()));
|
||||
|
||||
program.parse(process.argv);
|
||||
|
||||
if (!process.argv.slice(2).length) {
|
||||
program.outputHelp();
|
||||
}
|
||||
})();
|
||||
|
||||
@ -2,6 +2,7 @@ import { chalk, yParser } from '@umijs/utils';
|
||||
import { Service } from './serviceWithBuiltIn';
|
||||
import getCwd from './utils/getCwd';
|
||||
import getPkg from './utils/getPkg';
|
||||
import fesPkg from '../package.json';
|
||||
|
||||
const args = yParser(process.argv.slice(2));
|
||||
|
||||
@ -27,7 +28,8 @@ function onSignal(signal, service) {
|
||||
process.env.FES_ENV = args.mode || '';
|
||||
const service = new Service({
|
||||
cwd: getCwd(),
|
||||
pkg: getPkg(process.cwd())
|
||||
pkg: getPkg(process.cwd()),
|
||||
fesPkg
|
||||
});
|
||||
await service.run({
|
||||
name: 'dev',
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user