* commit '5fdd720ecb9d13a6c2eec939ae95e53ea392cc62': (759 commits) chore: delete test file chore: test file fix: 补全一下，没修改全 REPORT-63368 修复树组件展开后左边线对不齐问题 auto upgrade version to 2.0.20220322093515 无JIRA 补充类型 auto upgrade version to 2.0.20220321104525 feature: 支持align auto upgrade version to 2.0.20220321101434 bugfix bi.table支持grid布局 无JIRA任务 chore: 调整npmignore auto upgrade version to 2.0.20220317180458 无jira任务 tab showIndex function v3 无jira任务 tab showIndex function v2 无jira任务 tab showIndex function v1 无jira任务 tab showIndex function auto upgrade version to 2.0.20220316144457 auto upgrade version to 2.0.20220316142521 无JIRA任务 编号修改 ...research/test
superman
2 years ago
@ -1 +0,0 @@
|
||||
module.exports = require('@fui/babel-preset-fineui').configs.ie8; |
||||
@ -0,0 +1,32 @@
|
||||
{ |
||||
"@color-primary": "#2C60DB", |
||||
"@color-green-100": "#3FC47B", |
||||
"@color-light-blue-100": "#19B8EA", |
||||
"@color-orange-100": "#FAAA39", |
||||
"@color-red-100": "#E65251", |
||||
"@color-black": "#000A19", |
||||
"@color-light-gray": "#ECEEF3", |
||||
"@color-light-gray-theme-dark": "#292F45", |
||||
"@border-color-dark-line": "#2E3A4D", |
||||
"@color-sliver-theme-dark": "#363E55", |
||||
"@border-color-disabled": "#E7E8EB", |
||||
|
||||
"@color-bi-background-active-radio": "transparent", |
||||
"@color-bi-background-active-radio-content": "#2C60DB", |
||||
"@color-bi-background-disabled-active-radio-content": "#D0D4DA", |
||||
"@color-bi-background-disabled-active-radio-content-theme-dark": "#606479", |
||||
"@color-bi-background-disabled-active-checkbox-content": "#D0D4DA", |
||||
"@color-bi-background-disabled-active-checkbox-content-theme-dark": "#606479", |
||||
"@color-bi-background-tooltip-success": "#2E3A4D", |
||||
"@color-bi-text-header-background": "#647185", |
||||
"@color-bi-border-tooltip-success": "#2E3A4D", |
||||
"@color-bi-background-toast-success": "#FFFFFF", |
||||
"@color-bi-background-toast-warning": "#FFFFFF", |
||||
"@color-bi-background-toast-error": "#FFFFFF", |
||||
"@color-bi-background-toast-normal": "#FFFFFF", |
||||
"@color-bi-color-toast-success": "#3FC47B", |
||||
"@color-bi-color-toast-warning": "#FAAA39", |
||||
"@color-bi-color-toast-error": "#E65251", |
||||
"@color-bi-color-toast-normal": "#2C60DB", |
||||
"@color-bi-color-toast-text": "#000A19" |
||||
} |
||||
@ -0,0 +1,100 @@
|
||||
/** |
||||
* @author windy |
||||
* @version 2.0 |
||||
* Created by windy on 2022/1/11 |
||||
*/ |
||||
Demo.Form = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-form" |
||||
}, |
||||
render: function () { |
||||
var widget = BI.createWidget({ |
||||
type: "bi.custom_form", |
||||
width: 300, |
||||
labelWidth: 100, |
||||
items: [{ |
||||
validate: function (v) { |
||||
return v !== "a" && v !== ""; |
||||
}, |
||||
tip: function (v) { |
||||
if (BI.isEmpty(v)) { |
||||
return "不能为空"; |
||||
} |
||||
return "不合法格式" |
||||
}, |
||||
label: "E-mail", |
||||
el: { |
||||
type: 'bi.text_editor', |
||||
watermark: "输入a报错", |
||||
allowBlank: true, |
||||
} |
||||
}, { |
||||
validate: function (v) { |
||||
return BI.isNotEmptyArray(v); |
||||
}, |
||||
tip: function () { |
||||
return "不能为空"; |
||||
}, |
||||
label: "性别", |
||||
el: { |
||||
type: 'bi.text_value_combo', |
||||
text: "请选择", |
||||
items: [{ |
||||
text: "男", |
||||
value: 1 |
||||
}, { |
||||
text: "女", |
||||
value: 2 |
||||
}] |
||||
} |
||||
}, { |
||||
validate: function (v) { |
||||
return v !== ""; |
||||
}, |
||||
tip: function () { |
||||
return "不能为空"; |
||||
}, |
||||
label: "姓名", |
||||
el: { |
||||
type: 'bi.text_editor', |
||||
watermark: "输入姓名", |
||||
allowBlank: true, |
||||
} |
||||
}, { |
||||
validate: function (v) { |
||||
return v !== ""; |
||||
}, |
||||
tip: function () { |
||||
return "不能为空"; |
||||
}, |
||||
label: "姓名", |
||||
el: { |
||||
type: 'bi.textarea_editor', |
||||
cls: 'bi-border', |
||||
watermark: "输入简介", |
||||
allowBlank: true, |
||||
height: 200, |
||||
} |
||||
}], |
||||
layout: { |
||||
type: "bi.vertical", |
||||
vgap: 30 |
||||
} |
||||
}); |
||||
return { |
||||
type: "bi.vertical", |
||||
hgap: 200, |
||||
vgap: 10, |
||||
items: [widget, { |
||||
type: "bi.button", |
||||
text: "提交", |
||||
handler: function () { |
||||
widget.validate(); |
||||
|
||||
console.log(widget.getValue()); |
||||
} |
||||
}] |
||||
}; |
||||
} |
||||
}); |
||||
BI.shortcut("demo.form", Demo.Form); |
||||
|
Before Width: | Height: | Size: 424 KiB After Width: | Height: | Size: 607 KiB |
|
Before Width: | Height: | Size: 652 B |
|
Before Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 285 B |
|
After Width: | Height: | Size: 340 B |
|
After Width: | Height: | Size: 353 B |
|
After Width: | Height: | Size: 339 B |
|
After Width: | Height: | Size: 316 B |
|
After Width: | Height: | Size: 246 B |
|
After Width: | Height: | Size: 302 B |
|
After Width: | Height: | Size: 320 B |
|
After Width: | Height: | Size: 306 B |
|
After Width: | Height: | Size: 282 B |
|
After Width: | Height: | Size: 151 B |
|
After Width: | Height: | Size: 169 B |
|
After Width: | Height: | Size: 180 B |
|
After Width: | Height: | Size: 171 B |
|
After Width: | Height: | Size: 331 B |
|
After Width: | Height: | Size: 384 B |
|
After Width: | Height: | Size: 394 B |
|
After Width: | Height: | Size: 378 B |
|
After Width: | Height: | Size: 356 B |
|
After Width: | Height: | Size: 275 B |
|
After Width: | Height: | Size: 328 B |
|
After Width: | Height: | Size: 344 B |
|
After Width: | Height: | Size: 329 B |
|
After Width: | Height: | Size: 303 B |
|
After Width: | Height: | Size: 152 B |
|
After Width: | Height: | Size: 169 B |
|
After Width: | Height: | Size: 180 B |
|
After Width: | Height: | Size: 171 B |
|
Before Width: | Height: | Size: 652 B |
|
Before Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 371 B |
|
After Width: | Height: | Size: 454 B |
|
After Width: | Height: | Size: 494 B |
|
After Width: | Height: | Size: 462 B |
|
After Width: | Height: | Size: 417 B |
|
After Width: | Height: | Size: 308 B |
|
After Width: | Height: | Size: 393 B |
|
After Width: | Height: | Size: 431 B |
|
After Width: | Height: | Size: 401 B |
|
After Width: | Height: | Size: 352 B |
|
After Width: | Height: | Size: 178 B |
|
After Width: | Height: | Size: 217 B |
|
After Width: | Height: | Size: 255 B |
|
After Width: | Height: | Size: 215 B |
|
After Width: | Height: | Size: 429 B |
|
After Width: | Height: | Size: 505 B |
|
After Width: | Height: | Size: 547 B |
|
After Width: | Height: | Size: 515 B |
|
After Width: | Height: | Size: 468 B |
|
After Width: | Height: | Size: 336 B |
|
After Width: | Height: | Size: 419 B |
|
After Width: | Height: | Size: 458 B |
|
After Width: | Height: | Size: 429 B |
|
After Width: | Height: | Size: 381 B |
|
After Width: | Height: | Size: 178 B |
|
After Width: | Height: | Size: 217 B |
|
After Width: | Height: | Size: 255 B |
|
After Width: | Height: | Size: 215 B |
@ -0,0 +1,97 @@
|
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<title></title> |
||||
<!-- <link rel="stylesheet" type="text/css" href="../dist/2.0/fineui.min.css"/> |
||||
<script src="../dist/2.0/fineui.js"></script> --> |
||||
<link rel="stylesheet" type="text/css" href="http://fanruan.design/fineui/2.0/fineui.min.css"/> |
||||
<script src="http://fanruan.design/fineui/2.0/fineui.min.js"></script> |
||||
</head> |
||||
<body> |
||||
<div id="wrapper"></div> |
||||
<script> |
||||
// tab上下文环境测试 |
||||
var Model = BI.inherit(BI.Model, { |
||||
state: function () { |
||||
return { |
||||
expand: false |
||||
}; |
||||
}, |
||||
childContext: ["text"], |
||||
|
||||
computed: { |
||||
text: function () { |
||||
return this.model.expand ? "text-yes" : "text-not"; |
||||
} |
||||
}, |
||||
|
||||
actions: { |
||||
toggle: function () { |
||||
this.model.expand = !this.model.expand; |
||||
} |
||||
} |
||||
}); |
||||
BI.model("demo.model", Model); |
||||
|
||||
var Child = BI.inherit(BI.Widget, { |
||||
render: function () { |
||||
var label; |
||||
var context = BI.useContext(); |
||||
setInterval(function () { |
||||
context.toggle(); |
||||
}, 1000); |
||||
// BI.watch(context, "expand", function () { |
||||
// label.setText(context.model.text); |
||||
// }); |
||||
return { |
||||
type: "bi.label", |
||||
ref: function (_ref) { |
||||
label = _ref; |
||||
}, |
||||
effect: function (w) { |
||||
w.setText(context.model.text); |
||||
}, |
||||
text: function () { |
||||
return context.model.text; |
||||
} |
||||
}; |
||||
} |
||||
}); |
||||
BI.shortcut("demo.child", Child); |
||||
|
||||
var Widget = BI.inherit(BI.Widget, { |
||||
_store: function () { |
||||
return BI.Models.getModel("demo.model"); |
||||
}, |
||||
setup: function () { |
||||
var child; |
||||
var store = BI.useStore(); |
||||
return function () { |
||||
return { |
||||
type: "bi.vertical", |
||||
vgap: 20, |
||||
items: [{ |
||||
type: "demo.child", |
||||
ref: function (_ref) { |
||||
child = _ref; |
||||
} |
||||
}] |
||||
}; |
||||
}; |
||||
} |
||||
}); |
||||
BI.shortcut("demo.parent", Widget); |
||||
BI.createWidget({ |
||||
type: "bi.absolute", |
||||
items: [{ |
||||
el: { |
||||
type: "demo.parent" |
||||
}, |
||||
top: 100, |
||||
left: 100 |
||||
}], |
||||
element: "#wrapper" |
||||
}); |
||||
</script> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,419 @@
|
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8" /> |
||||
<meta name="viewport" content="width=device-width,minimum-scale=1" /> |
||||
<meta http-equiv="x-ua-compatible" content="IE=edge" /> |
||||
<title>PullRequest | Code Review as a Service</title> |
||||
<meta |
||||
name="description" |
||||
content="PullRequest is a platform for code review, built for teams of all sizes. We have thousands of on-demand reviewers and they are backed by best-in-class automation tools. Because code quality is important." |
||||
/> |
||||
<meta name="theme-color" content="#28557a" /> |
||||
<link |
||||
rel="stylesheet" |
||||
type="text/css" |
||||
href="https://fanruan.design/fineui/2.0/fineui_without_normalize.css" |
||||
/> |
||||
<!-- <script src="../dist/2.0/fineui.js"></script>--> |
||||
<script src="https://fanruan.design/fineui/2.0/fineui.js"></script> |
||||
|
||||
<style> |
||||
*, |
||||
:after, |
||||
:before { |
||||
box-sizing: border-box; |
||||
} |
||||
* { |
||||
-webkit-font-smoothing: antialiased; |
||||
-moz-osx-font-smoothing: grayscale; |
||||
} |
||||
html { |
||||
font-family: sans-serif; |
||||
line-height: 1.15; |
||||
-webkit-text-size-adjust: 100%; |
||||
-webkit-tap-highlight-color: transparent; |
||||
} |
||||
body { |
||||
margin: 0; |
||||
font-family: -apple-system, BlinkMacSystemFont, segoe ui, Roboto, |
||||
helvetica neue, Arial, noto sans, liberation sans, sans-serif, |
||||
apple color emoji, segoe ui emoji, segoe ui symbol, noto color emoji; |
||||
font-size: 1rem; |
||||
font-weight: 400; |
||||
line-height: 1.5; |
||||
color: #212529; |
||||
text-align: left; |
||||
height: 100vh; |
||||
background-color: #fff; |
||||
} |
||||
#wrapper { |
||||
height: 100vh; |
||||
} |
||||
.nav { |
||||
box-shadow: 0 2px 5px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%); |
||||
} |
||||
.nav-logo { |
||||
background-image: url(https://qn.wangchuan.cc/pullrequest-logo.svg); |
||||
background-repeat: no-repeat; |
||||
background-position: 50%; |
||||
background-size: contain; |
||||
} |
||||
.image { |
||||
background-image: url(https://qn.wangchuan.cc/hero-graphic.png); |
||||
background-repeat: no-repeat; |
||||
background-size: contain; |
||||
} |
||||
.demo { |
||||
cursor: pointer; |
||||
border-radius: 3px; |
||||
font-weight: 600; |
||||
color: #fff; |
||||
background: #4aa4e0 linear-gradient(180deg, #65b2e5, #4aa4e0) repeat-x; |
||||
border: 1px solid #4aa4e0; |
||||
} |
||||
.signup { |
||||
cursor: pointer; |
||||
border-radius: 3px; |
||||
font-weight: 600; |
||||
color: #4aa4e0; |
||||
border: 1px solid #4aa4e0; |
||||
} |
||||
.wave { |
||||
background-image: url(https://qn.wangchuan.cc/wave.png); |
||||
background-size: cover; |
||||
background-repeat: repeat-x; |
||||
} |
||||
</style> |
||||
</head> |
||||
<body> |
||||
<div id="wrapper"></div> |
||||
<script> |
||||
BI.config("bi.provider.system", function (provider) { |
||||
provider.setResponsiveMode(true); |
||||
}); |
||||
var Widget = BI.inherit(BI.Widget, { |
||||
props: {}, |
||||
render: function () { |
||||
return [ |
||||
{ |
||||
type: "bi.vertical", |
||||
items: [ |
||||
{ |
||||
el: { |
||||
type: "bi.vertical_adapt", |
||||
cls: "nav", |
||||
css: { |
||||
position: "fixed", |
||||
left: 0, |
||||
right: 0, |
||||
zIndex: 1000, |
||||
}, |
||||
height: 62, |
||||
hgap: 16, |
||||
items: [ |
||||
{ |
||||
type: "bi.layout", |
||||
cls: "nav-logo", |
||||
width: 185, |
||||
height: 46, |
||||
}, |
||||
], |
||||
}, |
||||
}, |
||||
{ |
||||
tgap: 112, |
||||
el: { |
||||
type: "bi.center_adapt", |
||||
columnSize: ["fill", "fill"], |
||||
vgap: 24, |
||||
items: [ |
||||
{ |
||||
el: { |
||||
type: "bi.vertical", |
||||
hgap: 15, |
||||
items: [ |
||||
{ |
||||
el: { |
||||
type: "bi.text", |
||||
css: { |
||||
fontSize: "24px", |
||||
fontWeight: "700", |
||||
color: "#092353", |
||||
}, |
||||
text: "Code Review as a Service", |
||||
}, |
||||
}, |
||||
{ |
||||
el: { |
||||
type: "bi.text", |
||||
css: { |
||||
fontSize: "16px", |
||||
lineHeight: "24px", |
||||
color: "#28557a", |
||||
}, |
||||
text: "Increase velocity and reduce technical debt through quality code review by expert engineers backed by best-in-class automation.", |
||||
}, |
||||
tgap: 24, |
||||
bgap: 24, |
||||
}, |
||||
{ |
||||
el: { |
||||
type: "bi.vertical_adapt", |
||||
vgap: 16, |
||||
items: [ |
||||
{ |
||||
el: { |
||||
type: "bi.label", |
||||
hgap: 24, |
||||
height: 48, |
||||
cls: "demo", |
||||
text: "Schedule demo", |
||||
}, |
||||
}, |
||||
{ |
||||
el: { |
||||
type: "bi.label", |
||||
hgap: 24, |
||||
height: 48, |
||||
cls: "signup", |
||||
text: "Sign up", |
||||
}, |
||||
lgap: 30, |
||||
rgap: 15, |
||||
}, |
||||
], |
||||
}, |
||||
}, |
||||
], |
||||
}, |
||||
}, |
||||
{ |
||||
el: { |
||||
type: "bi.vertical", |
||||
hgap: 15, |
||||
items: [ |
||||
{ |
||||
el: { |
||||
type: "bi.vertical", |
||||
items: [ |
||||
{ |
||||
type: "bi.img", |
||||
attributes: { |
||||
width: 595, |
||||
}, |
||||
css: { |
||||
maxWidth: "100%", |
||||
maxHeight: "100%", |
||||
}, |
||||
src: "https://qn.wangchuan.cc/hero-graphic.png", |
||||
width: "auto", |
||||
height: "auto", |
||||
}, |
||||
], |
||||
}, |
||||
}, |
||||
], |
||||
}, |
||||
}, |
||||
], |
||||
}, |
||||
}, |
||||
{ |
||||
type: "bi.layout", |
||||
cls: "wave", |
||||
height: 112, |
||||
}, |
||||
{ |
||||
el: { |
||||
type: "bi.center_adapt", |
||||
columnSize: ["fill"], |
||||
css: { |
||||
background: "#f5fbff", |
||||
}, |
||||
hgap: 0.1, |
||||
vgap: 64, |
||||
items: [ |
||||
{ |
||||
el: { |
||||
type: "bi.vertical", |
||||
hgap: 15, |
||||
items: [ |
||||
{ |
||||
type: "bi.text", |
||||
lineHeight: 30, |
||||
css: { |
||||
fontSize: "22px", |
||||
color: "#092353", |
||||
}, |
||||
text: "Empower your development team with the help of world-class engineers. ", |
||||
}, |
||||
{ |
||||
type: "bi.text", |
||||
lineHeight: 24, |
||||
css: { |
||||
fontSize: "16px", |
||||
color: "#28557a", |
||||
}, |
||||
text: "PullRequest provides on-demand code review by world-class engineers, built for teams of any size. We review within your tools to catch security threats, stop crashes, and fix performance issues before they reach production.", |
||||
}, |
||||
], |
||||
}, |
||||
}, |
||||
], |
||||
}, |
||||
}, |
||||
{ |
||||
el: { |
||||
type: "bi.center_adapt", |
||||
columnSize: ["fill", "fill"], |
||||
vgap: 48, |
||||
items: [ |
||||
{ |
||||
el: { |
||||
type: "bi.vertical", |
||||
hgap: 15, |
||||
items: [ |
||||
{ |
||||
el: { |
||||
type: "bi.text", |
||||
css: { |
||||
fontSize: "24px", |
||||
fontWeight: "700", |
||||
color: "#092353", |
||||
}, |
||||
text: "Move fast and reduce cycle times.", |
||||
}, |
||||
}, |
||||
{ |
||||
el: { |
||||
type: "bi.text", |
||||
css: { |
||||
fontSize: "16px", |
||||
lineHeight: "24px", |
||||
color: "#28557a", |
||||
}, |
||||
text: "Save time reviewing code so you can focus on shipping new features.", |
||||
}, |
||||
tgap: 24, |
||||
bgap: 24, |
||||
}, |
||||
], |
||||
}, |
||||
}, |
||||
{ |
||||
el: { |
||||
type: "bi.vertical", |
||||
hgap: 15, |
||||
items: [ |
||||
{ |
||||
el: { |
||||
type: "bi.vertical", |
||||
items: [ |
||||
{ |
||||
type: "bi.img", |
||||
attributes: { |
||||
width: 595, |
||||
}, |
||||
css: { |
||||
maxWidth: "100%", |
||||
maxHeight: "100%", |
||||
}, |
||||
src: "https://qn.wangchuan.cc/velocity.png", |
||||
width: "auto", |
||||
height: "auto", |
||||
}, |
||||
], |
||||
}, |
||||
}, |
||||
], |
||||
}, |
||||
}, |
||||
], |
||||
}, |
||||
}, |
||||
{ |
||||
el: { |
||||
type: "bi.center_adapt", |
||||
css: { |
||||
background: "#f5fbff", |
||||
}, |
||||
columnSize: ["fill", "fill"], |
||||
vgap: 48, |
||||
items: [ |
||||
{ |
||||
el: { |
||||
type: "bi.vertical", |
||||
hgap: 15, |
||||
items: [ |
||||
{ |
||||
el: { |
||||
type: "bi.vertical", |
||||
items: [ |
||||
{ |
||||
type: "bi.img", |
||||
attributes: { |
||||
width: 595, |
||||
}, |
||||
css: { |
||||
maxWidth: "100%", |
||||
maxHeight: "100%", |
||||
}, |
||||
src: "https://qn.wangchuan.cc/secure.png", |
||||
width: "auto", |
||||
height: "auto", |
||||
}, |
||||
], |
||||
}, |
||||
}, |
||||
], |
||||
}, |
||||
}, |
||||
{ |
||||
el: { |
||||
type: "bi.vertical", |
||||
rgap: 15, |
||||
lgap: 0.1, |
||||
items: [ |
||||
{ |
||||
el: { |
||||
type: "bi.text", |
||||
css: { |
||||
fontSize: "24px", |
||||
fontWeight: "700", |
||||
color: "#092353", |
||||
}, |
||||
text: "Secure your codebase.", |
||||
}, |
||||
}, |
||||
{ |
||||
el: { |
||||
type: "bi.text", |
||||
css: { |
||||
fontSize: "16px", |
||||
lineHeight: "24px", |
||||
color: "#28557a", |
||||
}, |
||||
text: "Deliver high quality code with an extra line of defense to prevent security vulnerabilities and other fatal flaws.", |
||||
}, |
||||
tgap: 24, |
||||
bgap: 24, |
||||
}, |
||||
], |
||||
}, |
||||
}, |
||||
], |
||||
}, |
||||
}, |
||||
], |
||||
}, |
||||
]; |
||||
}, |
||||
}); |
||||
BI.shortcut("demo.responsive", Widget); |
||||
BI.createWidget({ |
||||
type: "demo.responsive", |
||||
element: "#wrapper", |
||||
}); |
||||
</script> |
||||
</body> |
||||
</html> |
||||