3y
3 years ago
parent
f288af73a7
commit
fde7c06444
@ -1,116 +1,4 @@
|
||||
# Logs
|
||||
logs
|
||||
*.log
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
lerna-debug.log*
|
||||
|
||||
# Diagnostic reports (https://nodejs.org/api/report.html)
|
||||
report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
|
||||
|
||||
# Runtime data
|
||||
pids
|
||||
*.pid
|
||||
*.seed
|
||||
*.pid.lock
|
||||
|
||||
# Directory for instrumented libs generated by jscoverage/JSCover
|
||||
lib-cov
|
||||
|
||||
# Coverage directory used by tools like istanbul
|
||||
coverage
|
||||
*.lcov
|
||||
|
||||
# nyc test coverage
|
||||
.nyc_output
|
||||
|
||||
# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
|
||||
.grunt
|
||||
|
||||
# Bower dependency directory (https://bower.io/)
|
||||
bower_components
|
||||
|
||||
# node-waf configuration
|
||||
.lock-wscript
|
||||
|
||||
# Compiled binary addons (https://nodejs.org/api/addons.html)
|
||||
build/Release
|
||||
|
||||
# Dependency directories
|
||||
node_modules/
|
||||
jspm_packages/
|
||||
|
||||
# Snowpack dependency directory (https://snowpack.dev/)
|
||||
web_modules/
|
||||
|
||||
# TypeScript cache
|
||||
*.tsbuildinfo
|
||||
|
||||
# Optional npm cache directory
|
||||
.npm
|
||||
|
||||
# Optional eslint cache
|
||||
.eslintcache
|
||||
|
||||
# Microbundle cache
|
||||
.rpt2_cache/
|
||||
.rts2_cache_cjs/
|
||||
.rts2_cache_es/
|
||||
.rts2_cache_umd/
|
||||
|
||||
# Optional REPL history
|
||||
.node_repl_history
|
||||
|
||||
# Output of 'npm pack'
|
||||
*.tgz
|
||||
|
||||
# Yarn Integrity file
|
||||
.yarn-integrity
|
||||
|
||||
# dotenv environment variables file
|
||||
.env
|
||||
.env.test
|
||||
|
||||
# parcel-bundler cache (https://parceljs.org/)
|
||||
.cache
|
||||
.parcel-cache
|
||||
|
||||
# Next.js build output
|
||||
.next
|
||||
out
|
||||
|
||||
# Nuxt.js build / generate output
|
||||
.nuxt
|
||||
dist
|
||||
|
||||
# Gatsby files
|
||||
.cache/
|
||||
# Comment in the public line in if your project uses Gatsby and not Next.js
|
||||
# https://nextjs.org/blog/next-9-1#public-directory-support
|
||||
# public
|
||||
|
||||
# vuepress build output
|
||||
.vuepress/dist
|
||||
|
||||
# Serverless directories
|
||||
.serverless/
|
||||
|
||||
# FuseBox cache
|
||||
.fusebox/
|
||||
|
||||
# DynamoDB Local files
|
||||
.dynamodb/
|
||||
|
||||
# TernJS port file
|
||||
.tern-port
|
||||
|
||||
# Stores VSCode versions used for testing VSCode extensions
|
||||
.vscode-test
|
||||
|
||||
# yarn v2
|
||||
.yarn/cache
|
||||
.yarn/unplugged
|
||||
.yarn/build-state.yml
|
||||
.yarn/install-state.gz
|
||||
.pnp.*
|
||||
/node_modules
|
||||
/package-lock.json
|
||||
/gh-pages
|
||||
/.idea
|
||||
|
||||
@ -0,0 +1,12 @@
|
||||
{
|
||||
"printWidth": 80,
|
||||
"tabWidth": 2,
|
||||
"useTabs": false,
|
||||
"singleQuote": true,
|
||||
"semi": true,
|
||||
"trailingComma": "none",
|
||||
"bracketSpacing": false,
|
||||
"quoteProps": "consistent",
|
||||
"arrowParens": "avoid",
|
||||
"jsxBracketSameLine": false
|
||||
}
|
||||
@ -0,0 +1,198 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>amis admin</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta
|
||||
name="viewport"
|
||||
content="width=device-width, initial-scale=1, maximum-scale=1"
|
||||
/>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
|
||||
<link
|
||||
rel="stylesheet"
|
||||
title="default"
|
||||
href="https://unpkg.com/amis@beta/sdk/sdk.css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://unpkg.com/amis@beta/sdk/helper.css"
|
||||
/>
|
||||
<script src="https://unpkg.com/amis@beta/sdk/sdk.js"></script>
|
||||
<script src="https://unpkg.com/vue@2"></script>
|
||||
<script src="https://unpkg.com/history@4.10.1
|
||||
/umd/history.js"></script>
|
||||
<style>
|
||||
html,
|
||||
body,
|
||||
.app-wrapper {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="root" class="app-wrapper"></div>
|
||||
<script>
|
||||
(function () {
|
||||
let amis = amisRequire('amis/embed');
|
||||
const match = amisRequire('path-to-regexp').match;
|
||||
|
||||
// 如果想用 browserHistory 请切换下这处代码, 其他不用变
|
||||
// const history = History.createBrowserHistory();
|
||||
const history = History.createHashHistory();
|
||||
|
||||
const app = {
|
||||
type: 'app',
|
||||
brandName: 'Admin',
|
||||
logo: '/public/logo.png',
|
||||
header: {
|
||||
type: 'tpl',
|
||||
inline: false,
|
||||
className: 'w-full',
|
||||
tpl: '<div class="flex justify-between"><div>顶部区域左侧</div><div>顶部区域右侧</div></div>'
|
||||
},
|
||||
// footer: '<div class="p-2 text-center bg-light">底部区域</div>',
|
||||
// asideBefore: '<div class="p-2 text-center">菜单前面区域</div>',
|
||||
// asideAfter: '<div class="p-2 text-center">菜单后面区域</div>',
|
||||
api: '/pages/site.json'
|
||||
};
|
||||
|
||||
function normalizeLink(to, location = history.location) {
|
||||
to = to || '';
|
||||
|
||||
if (to && to[0] === '#') {
|
||||
to = location.pathname + location.search + to;
|
||||
} else if (to && to[0] === '?') {
|
||||
to = location.pathname + to;
|
||||
}
|
||||
|
||||
const idx = to.indexOf('?');
|
||||
const idx2 = to.indexOf('#');
|
||||
let pathname = ~idx
|
||||
? to.substring(0, idx)
|
||||
: ~idx2
|
||||
? to.substring(0, idx2)
|
||||
: to;
|
||||
let search = ~idx ? to.substring(idx, ~idx2 ? idx2 : undefined) : '';
|
||||
let hash = ~idx2 ? to.substring(idx2) : location.hash;
|
||||
|
||||
if (!pathname) {
|
||||
pathname = location.pathname;
|
||||
} else if (pathname[0] != '/' && !/^https?\:\/\//.test(pathname)) {
|
||||
let relativeBase = location.pathname;
|
||||
const paths = relativeBase.split('/');
|
||||
paths.pop();
|
||||
let m;
|
||||
while ((m = /^\.\.?\//.exec(pathname))) {
|
||||
if (m[0] === '../') {
|
||||
paths.pop();
|
||||
}
|
||||
pathname = pathname.substring(m[0].length);
|
||||
}
|
||||
pathname = paths.concat(pathname).join('/');
|
||||
}
|
||||
|
||||
return pathname + search + hash;
|
||||
}
|
||||
|
||||
function isCurrentUrl(to, ctx) {
|
||||
if (!to) {
|
||||
return false;
|
||||
}
|
||||
const pathname = history.location.pathname;
|
||||
const link = normalizeLink(to, {
|
||||
...location,
|
||||
pathname,
|
||||
hash: ''
|
||||
});
|
||||
|
||||
if (!~link.indexOf('http') && ~link.indexOf(':')) {
|
||||
let strict = ctx && ctx.strict;
|
||||
return match(link, {
|
||||
decode: decodeURIComponent,
|
||||
strict: typeof strict !== 'undefined' ? strict : true
|
||||
})(pathname);
|
||||
}
|
||||
|
||||
return decodeURI(pathname) === link;
|
||||
}
|
||||
|
||||
let amisInstance = amis.embed(
|
||||
'#root',
|
||||
app,
|
||||
{
|
||||
location: history.location
|
||||
},
|
||||
{
|
||||
// watchRouteChange: fn => {
|
||||
// return history.listen(fn);
|
||||
// },
|
||||
updateLocation: (location, replace) => {
|
||||
location = normalizeLink(location);
|
||||
if (location === 'goBack') {
|
||||
return history.goBack();
|
||||
} else if (
|
||||
(!/^https?\:\/\//.test(location) &&
|
||||
location ===
|
||||
history.location.pathname + history.location.search) ||
|
||||
location === history.location.href
|
||||
) {
|
||||
// 目标地址和当前地址一样，不处理，免得重复刷新
|
||||
return;
|
||||
} else if (/^https?\:\/\//.test(location) || !history) {
|
||||
return (window.location.href = location);
|
||||
}
|
||||
|
||||
history[replace ? 'replace' : 'push'](location);
|
||||
},
|
||||
jumpTo: (to, action) => {
|
||||
if (to === 'goBack') {
|
||||
return history.goBack();
|
||||
}
|
||||
|
||||
to = normalizeLink(to);
|
||||
|
||||
if (isCurrentUrl(to)) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (action && action.actionType === 'url') {
|
||||
action.blank === false
|
||||
? (window.location.href = to)
|
||||
: window.open(to, '_blank');
|
||||
return;
|
||||
} else if (action && action.blank) {
|
||||
window.open(to, '_blank');
|
||||
return;
|
||||
}
|
||||
|
||||
if (/^https?:\/\//.test(to)) {
|
||||
window.location.href = to;
|
||||
} else if (
|
||||
(!/^https?\:\/\//.test(to) &&
|
||||
to === history.pathname + history.location.search) ||
|
||||
to === history.location.href
|
||||
) {
|
||||
// do nothing
|
||||
} else {
|
||||
history.push(to);
|
||||
}
|
||||
},
|
||||
isCurrentUrl: isCurrentUrl,
|
||||
theme: 'cxd'
|
||||
}
|
||||
);
|
||||
|
||||
history.listen(state => {
|
||||
amisInstance.updateProps({
|
||||
location: state.location || state
|
||||
});
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,4 @@
|
||||
{
|
||||
"verbose": true,
|
||||
"ignore": ["node_modules/*"]
|
||||
}
|
||||
@ -0,0 +1,27 @@
|
||||
{
|
||||
"name": "amis-boilerplate",
|
||||
"version": "1.0.0",
|
||||
"description": "基于 amis 的项目模板",
|
||||
"main": "index.js",
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1",
|
||||
"start": "node server.js",
|
||||
"gh-pages": "rm -rf gh-pages && fis3 release gh-pages -c",
|
||||
"deploy-gh-pages": "git subtree push --prefix gh-pages origin gh-pages"
|
||||
},
|
||||
"keywords": [
|
||||
"amis",
|
||||
"boilerplate",
|
||||
"admin",
|
||||
"react"
|
||||
],
|
||||
"author": "fex",
|
||||
"license": "MIT",
|
||||
"devDependencies": {
|
||||
"body-parser": "^1.19.0",
|
||||
"express": "^4.17.1",
|
||||
"morgan": "^1.10.0",
|
||||
"nodemon": "^2.0.7",
|
||||
"reload": "^3.1.1"
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,5 @@
|
||||
{
|
||||
"type": "page",
|
||||
"title": "Dashboard",
|
||||
"body": "body..."
|
||||
}
|
||||
@ -0,0 +1,274 @@
|
||||
{
|
||||
"type": "page",
|
||||
"title": "复杂表单",
|
||||
"subTitle": "展示表格编辑、联动等等",
|
||||
"body": [
|
||||
{
|
||||
"type": "form",
|
||||
"mode": "horizontal",
|
||||
"title": "",
|
||||
"affixFooter": true,
|
||||
"api": "https://3xsw4ap8wah59.cfc-execute.bj.baidubce.com/api/amis-mock/form/save",
|
||||
"actions": [
|
||||
{
|
||||
"label": "保存",
|
||||
"type": "submit",
|
||||
"level": "success"
|
||||
}
|
||||
],
|
||||
"controls": [
|
||||
{
|
||||
"type": "fieldSet",
|
||||
"title": "基本配置",
|
||||
"controls": [
|
||||
{
|
||||
"type": "text",
|
||||
"label": "任务名称",
|
||||
"name": "title",
|
||||
"size": "md",
|
||||
"required": true
|
||||
},
|
||||
|
||||
{
|
||||
"type": "textarea",
|
||||
"label": "任务描述",
|
||||
"name": "description",
|
||||
"size": "md"
|
||||
},
|
||||
|
||||
{
|
||||
"label": "任务频率",
|
||||
"type": "radios",
|
||||
"name": "repeat",
|
||||
"inline": true,
|
||||
"value": "none",
|
||||
"required": true,
|
||||
"options": [
|
||||
{
|
||||
"label": "不重复",
|
||||
"value": "none"
|
||||
},
|
||||
|
||||
{
|
||||
"label": "每天",
|
||||
"value": "day"
|
||||
},
|
||||
|
||||
{
|
||||
"label": "每周",
|
||||
"value": "week"
|
||||
},
|
||||
|
||||
{
|
||||
"label": "每月",
|
||||
"value": "month"
|
||||
}
|
||||
]
|
||||
},
|
||||
|
||||
{
|
||||
"label": "每天几点",
|
||||
"type": "select",
|
||||
"name": "time",
|
||||
"multiple": true,
|
||||
"required": true,
|
||||
"extractValue": true,
|
||||
"visibleOn": "this.repeat == \"day\"",
|
||||
"inline": true,
|
||||
"options": [
|
||||
{"value": 0, "label": "0:00"},
|
||||
{"value": 1, "label": "1:00"},
|
||||
{"value": 2, "label": "2:00"},
|
||||
{"value": 3, "label": "3:00"},
|
||||
{"value": 4, "label": "4:00"},
|
||||
{"value": 5, "label": "5:00"},
|
||||
{"value": 6, "label": "6:00"},
|
||||
{"value": 7, "label": "7:00"},
|
||||
{"value": 8, "label": "8:00"},
|
||||
{"value": 9, "label": "9:00"},
|
||||
{"value": 10, "label": "10:00"},
|
||||
{"value": 11, "label": "11:00"},
|
||||
{"value": 12, "label": "12:00"},
|
||||
{"value": 13, "label": "13:00"},
|
||||
{"value": 14, "label": "14:00"},
|
||||
{"value": 15, "label": "15:00"},
|
||||
{"value": 16, "label": "16:00"},
|
||||
{"value": 17, "label": "17:00"},
|
||||
{"value": 18, "label": "18:00"},
|
||||
{"value": 19, "label": "19:00"},
|
||||
{"value": 20, "label": "20:00"},
|
||||
{"value": 21, "label": "21:00"},
|
||||
{"value": 22, "label": "22:00"},
|
||||
{"value": 23, "label": "23:00"}
|
||||
]
|
||||
},
|
||||
|
||||
{
|
||||
"label": "每周几执行",
|
||||
"type": "button-group",
|
||||
"name": "weekdays",
|
||||
"size": "md",
|
||||
"visibleOn": "this.repeat == \"week\"",
|
||||
"clearable": true,
|
||||
"multiple": true,
|
||||
"required": true,
|
||||
"extractValue": true,
|
||||
"maxLength": 7,
|
||||
"options": [
|
||||
{
|
||||
"label": "周一",
|
||||
"value": "0"
|
||||
},
|
||||
|
||||
{
|
||||
"label": "周二",
|
||||
"value": "1"
|
||||
},
|
||||
|
||||
{
|
||||
"label": "周三",
|
||||
"value": "2"
|
||||
},
|
||||
|
||||
{
|
||||
"label": "周四",
|
||||
"value": "3"
|
||||
},
|
||||
|
||||
{
|
||||
"label": "周五",
|
||||
"value": "4"
|
||||
},
|
||||
|
||||
{
|
||||
"label": "周六",
|
||||
"value": "5"
|
||||
},
|
||||
|
||||
{
|
||||
"label": "周日",
|
||||
"value": "6"
|
||||
}
|
||||
]
|
||||
},
|
||||
|
||||
{
|
||||
"label": "每月几号执行",
|
||||
"type": "list",
|
||||
"name": "monthday",
|
||||
"size": "md",
|
||||
"visibleOn": "this.repeat == \"month\"",
|
||||
"required": true,
|
||||
"maxLength": 31,
|
||||
"clearable": true,
|
||||
"multiple": true,
|
||||
"extractValue": true,
|
||||
"options": [
|
||||
{"value": 0, "label": "01"},
|
||||
{"value": 1, "label": "02"},
|
||||
{"value": 2, "label": "03"},
|
||||
{"value": 3, "label": "04"},
|
||||
{"value": 4, "label": "05"},
|
||||
{"value": 5, "label": "06"},
|
||||
{"value": 6, "label": "07"},
|
||||
{"value": 7, "label": "08"},
|
||||
{"value": 8, "label": "09"},
|
||||
{"value": 9, "label": "10"},
|
||||
{"value": 10, "label": "11"},
|
||||
{"value": 11, "label": "12"},
|
||||
{"value": 12, "label": "13"},
|
||||
{"value": 13, "label": "14"},
|
||||
{"value": 14, "label": "15"},
|
||||
{"value": 15, "label": "16"},
|
||||
{"value": 16, "label": "17"},
|
||||
{"value": 17, "label": "18"},
|
||||
{"value": 18, "label": "19"},
|
||||
{"value": 19, "label": "20"},
|
||||
{"value": 20, "label": "21"},
|
||||
{"value": 21, "label": "22"},
|
||||
{"value": 22, "label": "23"},
|
||||
{"value": 23, "label": "24"},
|
||||
{"value": 24, "label": "25"},
|
||||
{"value": 25, "label": "26"},
|
||||
{"value": 26, "label": "27"},
|
||||
{"value": 27, "label": "28"},
|
||||
{"value": 28, "label": "29"},
|
||||
{"value": 29, "label": "30"},
|
||||
{"value": 30, "label": "31"}
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
|
||||
{
|
||||
"type": "fieldSet",
|
||||
"title": "其他信息",
|
||||
"collapsable": true,
|
||||
"controls": [
|
||||
{
|
||||
"type": "combo",
|
||||
"name": "admins",
|
||||
"label": "用户列表",
|
||||
"value": [""],
|
||||
"description": "请输入用户信息，不要重复。",
|
||||
"multiple": true,
|
||||
"inline": true,
|
||||
"controls": [
|
||||
{
|
||||
"type": "text",
|
||||
"name": "name",
|
||||
"unique": true
|
||||
},
|
||||
|
||||
{
|
||||
"type": "select",
|
||||
"name": "perm",
|
||||
"value": "read",
|
||||
"options": [
|
||||
{
|
||||
"label": "可读",
|
||||
"value": "read"
|
||||
},
|
||||
|
||||
{
|
||||
"label": "可写",
|
||||
"value": "write"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"label": "新增一行",
|
||||
"type": "button",
|
||||
"actionType": "add",
|
||||
"target": "thetable",
|
||||
"level": "info"
|
||||
},
|
||||
{
|
||||
"name": "thetable",
|
||||
"type": "table",
|
||||
"label": "任务参数",
|
||||
"editable": true,
|
||||
"addable": true,
|
||||
"removable": true,
|
||||
"columns": [
|
||||
{
|
||||
"label": "参数名",
|
||||
"name": "key",
|
||||
"quickEdit": true
|
||||
},
|
||||
|
||||
{
|
||||
"label": "参数值",
|
||||
"name": "value",
|
||||
"quickEdit": true
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -0,0 +1,64 @@
|
||||
{
|
||||
"type": "page",
|
||||
"title": "修改 ${params.id}",
|
||||
"remark": null,
|
||||
"toolbar": [
|
||||
{
|
||||
"type": "button",
|
||||
"actionType": "link",
|
||||
"link": "/crud/list",
|
||||
"label": "返回列表"
|
||||
}
|
||||
],
|
||||
"body": [
|
||||
{
|
||||
"type": "form",
|
||||
"initApi": "https://3xsw4ap8wah59.cfc-execute.bj.baidubce.com/api/amis-mock/sample/${params.id}",
|
||||
"api": "https://3xsw4ap8wah59.cfc-execute.bj.baidubce.com/api/amis-mock/sample/$id",
|
||||
"redirect": "/crud/list",
|
||||
"controls": [
|
||||
{
|
||||
"type": "text",
|
||||
"name": "engine",
|
||||
"label": "Engine",
|
||||
"required": true
|
||||
},
|
||||
{
|
||||
"type": "divider"
|
||||
},
|
||||
{
|
||||
"type": "text",
|
||||
"name": "browser",
|
||||
"label": "Browser",
|
||||
"required": true
|
||||
},
|
||||
{
|
||||
"type": "divider"
|
||||
},
|
||||
{
|
||||
"type": "text",
|
||||
"name": "platform",
|
||||
"label": "Platform(s)",
|
||||
"required": true
|
||||
},
|
||||
{
|
||||
"type": "divider"
|
||||
},
|
||||
{
|
||||
"type": "text",
|
||||
"name": "version",
|
||||
"label": "Engine version"
|
||||
},
|
||||
{
|
||||
"type": "divider"
|
||||
},
|
||||
{
|
||||
"type": "select",
|
||||
"name": "grade",
|
||||
"label": "CSS grade",
|
||||
"options": ["A", "B", "C", "D", "X"]
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -0,0 +1,149 @@
|
||||
{
|
||||
"type": "page",
|
||||
"title": "列表.",
|
||||
"remark": null,
|
||||
"name": "page-demo",
|
||||
"toolbar": [
|
||||
{
|
||||
"type": "button",
|
||||
"actionType": "link",
|
||||
"link": "/crud/new",
|
||||
"label": "新增",
|
||||
"primary": true
|
||||
}
|
||||
],
|
||||
"body": [
|
||||
{
|
||||
"type": "crud",
|
||||
"name": "sample",
|
||||
"api": "https://3xsw4ap8wah59.cfc-execute.bj.baidubce.com/api/amis-mock/sample",
|
||||
"filter": {
|
||||
"title": "",
|
||||
"mode": "inline",
|
||||
"wrapWithPanel": false,
|
||||
"submitText": "",
|
||||
"controls": [
|
||||
{
|
||||
"type": "text",
|
||||
"name": "keywords",
|
||||
"placeholder": "通过关键字搜索",
|
||||
"addOn": {
|
||||
"label": "搜索",
|
||||
"type": "submit",
|
||||
"className": "btn-success"
|
||||
},
|
||||
"clearable": true
|
||||
}
|
||||
],
|
||||
"className": "m-b-sm"
|
||||
},
|
||||
"bulkActions": [
|
||||
{
|
||||
"label": "批量修改",
|
||||
"type": "button",
|
||||
"actionType": "dialog",
|
||||
"level": "primary",
|
||||
"dialog": {
|
||||
"title": "批量编辑",
|
||||
"name": "sample-bulk-edit",
|
||||
"body": {
|
||||
"type": "form",
|
||||
"api": "https://3xsw4ap8wah59.cfc-execute.bj.baidubce.com/api/amis-mock/sample/bulkUpdate2",
|
||||
"controls": [
|
||||
{
|
||||
"type": "text",
|
||||
"name": "engine",
|
||||
"label": "Engine"
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"label": "批量删除",
|
||||
"type": "button",
|
||||
"level": "danger",
|
||||
"actionType": "ajax",
|
||||
"api": "delete:https://3xsw4ap8wah59.cfc-execute.bj.baidubce.com/api/amis-mock/sample/$ids",
|
||||
"confirmText": "确定要批量删除?"
|
||||
}
|
||||
],
|
||||
"columns": [
|
||||
{
|
||||
"name": "engine",
|
||||
"label": "Rendering engine",
|
||||
"sortable": true
|
||||
},
|
||||
{
|
||||
"name": "id",
|
||||
"label": "ID",
|
||||
"width": 20,
|
||||
"sortable": true
|
||||
},
|
||||
{
|
||||
"name": "browser",
|
||||
"label": "Browser",
|
||||
"sortable": true
|
||||
},
|
||||
{
|
||||
"name": "platform",
|
||||
"label": "Platform(s)",
|
||||
"sortable": true
|
||||
},
|
||||
{
|
||||
"name": "version",
|
||||
"label": "Engine version"
|
||||
},
|
||||
{
|
||||
"name": "grade",
|
||||
"label": "CSS grade"
|
||||
},
|
||||
{
|
||||
"type": "operation",
|
||||
"label": "操作",
|
||||
"width": "",
|
||||
"buttons": [
|
||||
{
|
||||
"type": "button-group",
|
||||
"buttons": [
|
||||
{
|
||||
"type": "button",
|
||||
"label": "查看",
|
||||
"level": "primary",
|
||||
"actionType": "link",
|
||||
"link": "/crud/${id}"
|
||||
},
|
||||
{
|
||||
"type": "button",
|
||||
"label": "修改",
|
||||
"level": "info",
|
||||
"actionType": "link",
|
||||
"link": "/crud/${id}/edit"
|
||||
},
|
||||
{
|
||||
"type": "button",
|
||||
"label": "删除",
|
||||
"level": "danger",
|
||||
"actionType": "ajax",
|
||||
"confirmText": "您确认要删除?",
|
||||
"api": "delete:https://3xsw4ap8wah59.cfc-execute.bj.baidubce.com/api/amis-mock/sample/$id"
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
"placeholder": "-",
|
||||
"fixed": "right"
|
||||
}
|
||||
],
|
||||
"affixHeader": true,
|
||||
"columnsTogglable": "auto",
|
||||
"placeholder": "暂无数据",
|
||||
"tableClassName": "table-db table-striped",
|
||||
"headerClassName": "crud-table-header",
|
||||
"footerClassName": "crud-table-footer",
|
||||
"toolbarClassName": "crud-table-toolbar",
|
||||
"combineNum": 0,
|
||||
"bodyClassName": "panel-default"
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -0,0 +1,69 @@
|
||||
{
|
||||
"type": "page",
|
||||
"title": "新增",
|
||||
"remark": null,
|
||||
"toolbar": [
|
||||
{
|
||||
"type": "button",
|
||||
"actionType": "link",
|
||||
"link": "/crud/list",
|
||||
"label": "返回列表"
|
||||
}
|
||||
],
|
||||
"body": [
|
||||
{
|
||||
"title": "",
|
||||
"type": "form",
|
||||
"redirect": "/crud/list",
|
||||
"name": "sample-edit-form",
|
||||
"api": "https://3xsw4ap8wah59.cfc-execute.bj.baidubce.com/api/amis-mock/sample",
|
||||
"controls": [
|
||||
{
|
||||
"type": "text",
|
||||
"name": "engine",
|
||||
"label": "Engine",
|
||||
"required": true,
|
||||
"inline": false,
|
||||
"description": "",
|
||||
"descriptionClassName": "help-block",
|
||||
"placeholder": "",
|
||||
"addOn": null
|
||||
},
|
||||
{
|
||||
"type": "divider"
|
||||
},
|
||||
{
|
||||
"type": "text",
|
||||
"name": "browser",
|
||||
"label": "Browser",
|
||||
"required": true
|
||||
},
|
||||
{
|
||||
"type": "divider"
|
||||
},
|
||||
{
|
||||
"type": "text",
|
||||
"name": "platform",
|
||||
"label": "Platform(s)",
|
||||
"required": true
|
||||
},
|
||||
{
|
||||
"type": "divider"
|
||||
},
|
||||
{
|
||||
"type": "text",
|
||||
"name": "version",
|
||||
"label": "Engine version"
|
||||
},
|
||||
{
|
||||
"type": "divider"
|
||||
},
|
||||
{
|
||||
"type": "text",
|
||||
"name": "grade",
|
||||
"label": "CSS grade"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -0,0 +1,18 @@
|
||||
{
|
||||
"type": "page",
|
||||
"title": "代码编辑器",
|
||||
"subTitle": "使用的monaco-editor,用到了 worker, 如果控制台没有报错，说明一起正常。",
|
||||
"body": [
|
||||
{
|
||||
"type": "form",
|
||||
"controls": [
|
||||
{
|
||||
"type": "editor",
|
||||
"name": "js",
|
||||
"label": "Javascript",
|
||||
"size": "md"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -0,0 +1,12 @@
|
||||
(function() {
|
||||
const response = {
|
||||
data: {
|
||||
type: "page",
|
||||
title: "标题",
|
||||
body: "this result is from jsonp"
|
||||
},
|
||||
status: 0
|
||||
}
|
||||
|
||||
window.jsonpCallback && window.jsonpCallback(response);
|
||||
})();
|
||||
@ -0,0 +1,127 @@
|
||||
{
|
||||
"status": 0,
|
||||
"msg": "",
|
||||
"data": {
|
||||
"pages": [
|
||||
{
|
||||
"label": "Home",
|
||||
"url": "/",
|
||||
"redirect": "/index/1"
|
||||
},
|
||||
{
|
||||
"label": "示例",
|
||||
"children": [
|
||||
{
|
||||
"label": "页面A",
|
||||
"url": "index",
|
||||
"schema": {
|
||||
"type": "page",
|
||||
"title": "页面A",
|
||||
"body": "页面A"
|
||||
},
|
||||
"children": [
|
||||
{
|
||||
"label": "页面A-1",
|
||||
"url": "1",
|
||||
"schema": {
|
||||
"type": "page",
|
||||
"title": "页面A-1",
|
||||
"body": "页面A-1"
|
||||
}
|
||||
},
|
||||
{
|
||||
"label": "页面A-2",
|
||||
"url": "2",
|
||||
"schema": {
|
||||
"type": "page",
|
||||
"title": "页面A-2",
|
||||
"body": "页面A-2"
|
||||
}
|
||||
},
|
||||
{
|
||||
"label": "页面A-3",
|
||||
"url": "3",
|
||||
"schema": {
|
||||
"type": "page",
|
||||
"title": "页面A-3",
|
||||
"body": "页面A-3"
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"label": "页面B",
|
||||
"schema": {
|
||||
"type": "page",
|
||||
"title": "页面B",
|
||||
"body": "页面B"
|
||||
}
|
||||
},
|
||||
{
|
||||
"label": "页面C",
|
||||
"schema": {
|
||||
"type": "page",
|
||||
"title": "页面C",
|
||||
"body": "页面C"
|
||||
}
|
||||
},
|
||||
{
|
||||
"label": "列表示例",
|
||||
"url": "/crud",
|
||||
"rewrite": "/crud/list",
|
||||
"icon": "fa fa-cube",
|
||||
"children": [
|
||||
{
|
||||
"label": "列表",
|
||||
"url": "/crud/list",
|
||||
"icon": "fa fa-list",
|
||||
"schemaApi": "get:/pages/crud-list.json"
|
||||
},
|
||||
{
|
||||
"label": "新增",
|
||||
"url": "/crud/new",
|
||||
"icon": "fa fa-plus",
|
||||
"schemaApi": "get:/pages/crud-new.json"
|
||||
},
|
||||
{
|
||||
"label": "查看",
|
||||
"url": "/crud/:id",
|
||||
"schemaApi": "get:/pages/crud-view.json"
|
||||
},
|
||||
{
|
||||
"label": "修改",
|
||||
"url": "/crud/:id/edit",
|
||||
"schemaApi": "get:/pages/crud-edit.json"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"label": "分组2",
|
||||
"children": [
|
||||
{
|
||||
"label": "用户管理",
|
||||
"schema": {
|
||||
"type": "page",
|
||||
"title": "用户管理",
|
||||
"body": "页面C"
|
||||
}
|
||||
},
|
||||
{
|
||||
"label": "外部链接",
|
||||
"link": "http://baidu.gitee.io/amis"
|
||||
},
|
||||
{
|
||||
"label": "部门管理",
|
||||
"schemaApi": "https://3xsw4ap8wah59.cfc-execute.bj.baidubce.com/api/amis-mock/mock2/service/form?tpl=tpl3"
|
||||
},
|
||||
{
|
||||
"label": "jsonp 返回示例",
|
||||
"schemaApi": "jsonp:/pages/jsonp.js?callback=jsonpCallback"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,105 @@
|
||||
{
|
||||
"type": "page",
|
||||
"title": "表单向导",
|
||||
"subTitle": "可以通过表单向导，将一个超长的表单页面拆分成多个步骤，一步一步指引用户完成。",
|
||||
"body": [
|
||||
{
|
||||
"type": "wizard",
|
||||
"actionFinishLabel": "确认",
|
||||
"api": "https://3xsw4ap8wah59.cfc-execute.bj.baidubce.com/api/amis-mock/saveWizard",
|
||||
"steps": [
|
||||
{
|
||||
"title": "填写活动信息",
|
||||
"controls": [
|
||||
{
|
||||
"type": "text",
|
||||
"name": "title",
|
||||
"label": "活动标题",
|
||||
"required": true,
|
||||
"size": "md"
|
||||
},
|
||||
|
||||
{
|
||||
"type": "date",
|
||||
"name": "date",
|
||||
"label": "举办时间",
|
||||
"size": "md"
|
||||
},
|
||||
|
||||
{
|
||||
"type": "number",
|
||||
"name": "num",
|
||||
"label": "参与人数",
|
||||
"value": 10,
|
||||
"size": "md"
|
||||
}
|
||||
]
|
||||
},
|
||||
|
||||
{
|
||||
"title": "填写赞助商信息",
|
||||
"controls": [
|
||||
{
|
||||
"type": "text",
|
||||
"name": "company",
|
||||
"label": "公司名称",
|
||||
"required": true,
|
||||
"size": "md"
|
||||
},
|
||||
|
||||
{
|
||||
"type": "text",
|
||||
"name": "money",
|
||||
"label": "赞助金额",
|
||||
"addOn": {
|
||||
"type": "text",
|
||||
"label": "￥"
|
||||
},
|
||||
"size": "md"
|
||||
}
|
||||
]
|
||||
},
|
||||
|
||||
{
|
||||
"title": "确认",
|
||||
"mode": "horizontal",
|
||||
"horizontal": {
|
||||
"leftFixed": "sm"
|
||||
},
|
||||
"controls": [
|
||||
{
|
||||
"type": "static",
|
||||
"name": "company",
|
||||
"label": "活动标题",
|
||||
"labelClassName": "text-muted"
|
||||
},
|
||||
{
|
||||
"type": "static-date",
|
||||
"name": "date",
|
||||
"label": "举办时间",
|
||||
"labelClassName": "text-muted"
|
||||
},
|
||||
{
|
||||
"type": "static",
|
||||
"name": "num",
|
||||
"label": "参与人数",
|
||||
"labelClassName": "text-muted"
|
||||
},
|
||||
{
|
||||
"type": "static",
|
||||
"name": "company",
|
||||
"label": "公司名称",
|
||||
"labelClassName": "text-muted"
|
||||
},
|
||||
{
|
||||
"type": "static",
|
||||
"name": "money",
|
||||
"label": "赞助金额",
|
||||
"labelClassName": "text-muted"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
|
After Width: | Height: | Size: 6.1 KiB |
@ -0,0 +1,40 @@
|
||||
const express = require('express');
|
||||
const http = require('http');
|
||||
const path = require('path');
|
||||
const reload = require('reload');
|
||||
const bodyParser = require('body-parser');
|
||||
const logger = require('morgan');
|
||||
|
||||
const app = express();
|
||||
|
||||
app.set('port', process.env.PORT || 3000);
|
||||
app.use(logger('dev'));
|
||||
app.use(bodyParser.json()); // Parses json, multi-part (file), url-encoded
|
||||
|
||||
app.use('/public', express.static('public'));
|
||||
app.use('/pages', express.static('pages'));
|
||||
|
||||
app.get('/*', function (req, res) {
|
||||
res.sendFile(path.join(__dirname, 'index.html'));
|
||||
});
|
||||
|
||||
const server = http.createServer(app);
|
||||
|
||||
// Reload code here
|
||||
reload(app)
|
||||
.then(function (reloadReturned) {
|
||||
// reloadReturned is documented in the returns API in the README
|
||||
|
||||
// Reload started, start web server
|
||||
server.listen(app.get('port'), function () {
|
||||
console.log(
|
||||
'Web server listening on port http://localhost:' + app.get('port')
|
||||
);
|
||||
});
|
||||
})
|
||||
.catch(function (err) {
|
||||
console.error(
|
||||
'Reload could not start, could not start server/sample app',
|
||||
err
|
||||
);
|
||||
});
|
||||
Loading…
Reference in new issue