KERNEL-9248 refactor: 重构 #5
Cauchy.Ke/fineui-start:feature into feature 3 years ago
@ -0,0 +1,20 @@ |
|||||||
|
root = true |
||||||
|
|
||||||
|
[*] |
||||||
|
charset = utf-8 |
||||||
|
end_of_line = lf |
||||||
|
indent_style = space |
||||||
|
insert_final_newline = true |
||||||
|
trim_trailing_whitespace = true |
||||||
|
|
||||||
|
[*.{js,ts,jsx,tsx}] |
||||||
|
indent_size = 4 |
||||||
|
|
||||||
|
[*.{less,html,ejs}] |
||||||
|
indent_size = 2 |
||||||
|
|
||||||
|
[*.json] |
||||||
|
indent_size = 2 |
||||||
|
|
||||||
|
[tsconfig.json] |
||||||
|
indent_size = 4 |
||||||
@ -1,4 +1,5 @@ |
|||||||
types |
types |
||||||
node_modules/ |
node_modules |
||||||
dist/ |
dist |
||||||
assets/ |
assets |
||||||
|
docs |
||||||
|
|||||||
@ -1,8 +1,47 @@ |
|||||||
|
|
||||||
{ |
{ |
||||||
"extends": "plugin:@fui/typescript", |
"env": { |
||||||
|
"browser": true, |
||||||
|
"node": true, |
||||||
|
"es6": true, |
||||||
|
"jest/globals": true |
||||||
|
}, |
||||||
|
"plugins": ["jest", "react"], |
||||||
|
"extends": ["plugin:@fui/typescript", "plugin:@fui/prettier"], |
||||||
"parserOptions": { |
"parserOptions": { |
||||||
"ecmaFeatures": { |
"ecmaFeatures": { |
||||||
"legacyDecorators": true |
"legacyDecorators": true, |
||||||
|
"jsx": true |
||||||
} |
} |
||||||
} |
}, |
||||||
} |
"rules": { |
||||||
|
// 由于prettier和eslint一起使用需要关闭一些规则，但是prettier没有以下规则的配置，统一写在这里 |
||||||
|
// 对象字面量简写语法 |
||||||
|
"object-shorthand": ["error", "always"], |
||||||
|
// 函数体在必要的时候使用大括号 |
||||||
|
"arrow-body-style": [ |
||||||
|
"error", |
||||||
|
"as-needed", |
||||||
|
{ |
||||||
|
"requireReturnForObjectLiteral": true |
||||||
|
} |
||||||
|
], |
||||||
|
// 回调使用用箭头函数 |
||||||
|
"prefer-arrow-callback": "error", |
||||||
|
// 如果 if 块中包含了一个 return 语句，else 块就成了多余的了。可以将其内容移至块外 |
||||||
|
"no-else-return": "error", |
||||||
|
"no-use-before-define": "off", |
||||||
|
|
||||||
|
"react/jsx-uses-react": "error", |
||||||
|
"react/jsx-uses-vars": "error" |
||||||
|
}, |
||||||
|
"overrides": [ |
||||||
|
{ |
||||||
|
"files": ["*.ts", "*.tsx"], |
||||||
|
"rules": { |
||||||
|
"no-undef": "off", |
||||||
|
"no-unused-vars": "off" |
||||||
|
} |
||||||
|
} |
||||||
|
] |
||||||
|
} |
||||||
|
|||||||
@ -1 +1,2 @@ |
|||||||
|
registry=https://registry.npm.taobao.org |
||||||
@fui:registry=https://npm.fineres.com/ |
@fui:registry=https://npm.fineres.com/ |
||||||
@ -0,0 +1,5 @@ |
|||||||
|
{ |
||||||
|
"singleQuote": true, |
||||||
|
"arrowParens": "avoid", |
||||||
|
"printWidth": 160 |
||||||
|
} |
||||||
@ -0,0 +1,7 @@ |
|||||||
|
{ |
||||||
|
"extends": ["stylelint-config-standard", "stylelint-prettier/recommended"], |
||||||
|
"rules": { |
||||||
|
"no-descending-specificity": null, |
||||||
|
"selector-pseudo-element-colon-notation": "single" |
||||||
|
} |
||||||
|
} |
||||||
@ -1,16 +1,63 @@ |
|||||||
# FineUI-Start |
# README |
||||||
|
|
||||||
## 安装运行 |
## 准备工作 |
||||||
`git clone --recursive https://git.fanruan.com/dailer/FineUI-Start.git` |
|
||||||
|
|
||||||
## 安装依赖 |
### 克隆仓库 |
||||||
`yarn install` |
|
||||||
|
|
||||||
## 打开dev模式 |
```shell |
||||||
`yarn start` |
git clone https://code.fineres.com/scm/fui/fineui-starter.git |
||||||
|
``` |
||||||
|
|
||||||
## 打包 |
### 安装依赖 |
||||||
`yarn build` |
|
||||||
|
|
||||||
## 示例效果 |
```shell |
||||||
 |
# 账户：public |
||||||
|
# 密码：fr123456 |
||||||
|
# 邮箱：任意 |
||||||
|
npm adduser --registry https://npm.fineres.com |
||||||
|
npm install |
||||||
|
``` |
||||||
|
|
||||||
|
### 安装扩展 |
||||||
|
|
||||||
|
以 VSCode 为例，为保证代码规范和格式统一，请安装`ESLint`、`stylelint`、`Prettier`、`EditorConfig`扩展，以使相关配置文件生效。 |
||||||
|
|
||||||
|
## 开发工作 |
||||||
|
|
||||||
|
### 项目基础配置 |
||||||
|
|
||||||
|
布局配置请见`src/modules/app/layout/layout.constant.ts`。 |
||||||
|
|
||||||
|
样式配置请见`src/less/`，譬如`src/less/lib/constant`中的`@color-app-primary`表示项目的主色。 |
||||||
|
|
||||||
|
### 项目调试、打包与测试 |
||||||
|
|
||||||
|
```shell |
||||||
|
# 调试 |
||||||
|
npm run start |
||||||
|
|
||||||
|
# 打包 |
||||||
|
npm run build |
||||||
|
|
||||||
|
# 测试 |
||||||
|
npm run test |
||||||
|
``` |
||||||
|
|
||||||
|
### 项目规范和格式检查 |
||||||
|
|
||||||
|
```shell |
||||||
|
# 代码规范 |
||||||
|
npm run eslint |
||||||
|
npm run eslint:fix |
||||||
|
|
||||||
|
# 样式规范 |
||||||
|
npm run stylelint |
||||||
|
npm run stylelint:fix |
||||||
|
|
||||||
|
# 代码格式 |
||||||
|
npm run prettier |
||||||
|
``` |
||||||
|
|
||||||
|
## 效果预览 |
||||||
|
|
||||||
|
 |
||||||
|
|||||||
@ -1,24 +0,0 @@ |
|||||||
<!DOCTYPE html> |
|
||||||
<html lang="en"> |
|
||||||
<head> |
|
||||||
<meta charset="utf-8"> |
|
||||||
<title></title> |
|
||||||
<!--核心css文件，自带font、图片等，使用的是fineui资源--> |
|
||||||
<link rel="stylesheet" type="text/css" href="node_modules/fineui/dist/core.css" /> |
|
||||||
<!-- 下面是不包含normalize.css的css --> |
|
||||||
<!-- <link rel="stylesheet" type="text/css" href="node_modules/fineui/dist/2.0/fineui_without_normalize.css" /> --> |
|
||||||
<!-- 这里定义的是本地资源路径，如有需要修改可以复制出来替换其中路径，并在此处加载替换后的css --> |
|
||||||
<link rel="stylesheet" type="text/css" href="node_modules/fineui/dist/resource.css" /> |
|
||||||
<!--个人代码样式--> |
|
||||||
<link rel="stylesheet" type="text/css" href="./dist/bundle.css"/> |
|
||||||
</head> |
|
||||||
<body> |
|
||||||
<div id="wrapper"></div> |
|
||||||
<!--核心js--> |
|
||||||
<script src="node_modules/fineui/dist/core.js"></script> |
|
||||||
<!-- 这里定义的是本地一些配置项，比如国际化，如有需要修改可以复制出来替换其中配置，并在此处加载替换后的js --> |
|
||||||
<script src="node_modules/fineui/dist/resource.js"></script> |
|
||||||
<!--个人代码js--> |
|
||||||
<script src="./dist/bundle.js"></script> |
|
||||||
</body> |
|
||||||
</html> |
|
||||||
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 5.7 KiB |
@ -1 +1 @@ |
|||||||
module.exports = require('@fui/babel-preset-fineui').configs.ie8; |
module.exports = require('@fui/babel-preset-fineui').configs.base; |
||||||
|
|||||||
@ -1,36 +0,0 @@ |
|||||||
/** |
|
||||||
列表项的less,其中用到了部分FineUI提供的字号,颜色常量,还有border-radius,box-shadow方法等.请选择性使用.不强制要求 |
|
||||||
*/ |
|
||||||
.my-todolist-header { |
|
||||||
background-color: #3d4d66; |
|
||||||
} |
|
||||||
.my-todolist-header .my-todolist-title { |
|
||||||
font-size: 22px; |
|
||||||
color: #FFF; |
|
||||||
} |
|
||||||
.my-todolist-header .my-todolist-header-editor { |
|
||||||
background-color: #FFF; |
|
||||||
-webkit-border-radius: 5px; |
|
||||||
-moz-border-radius: 5px; |
|
||||||
border-radius: 5px; |
|
||||||
} |
|
||||||
/** |
|
||||||
列表项的less,其中用到了部分FineUI提供的字号,颜色常量,还有border-radius方法等.请选择性使用.不强制要求 |
|
||||||
*/ |
|
||||||
.my-todolist-list .my-todolist-list-text { |
|
||||||
font-size: 16px; |
|
||||||
font-weight: bold; |
|
||||||
} |
|
||||||
.my-todolist-list .my-todolist-list-count-container { |
|
||||||
-webkit-border-radius: 10px; |
|
||||||
-moz-border-radius: 10px; |
|
||||||
border-radius: 10px; |
|
||||||
background-color: #3d4d66; |
|
||||||
color: #ffffff; |
|
||||||
} |
|
||||||
/** |
|
||||||
列表项的less,其中用到了部分FineUI提供的字号,颜色常量,还有border-radius,box-shadow方法等.请选择性使用.不强制要求 |
|
||||||
*/ |
|
||||||
.my-todolist-background { |
|
||||||
background-color: #f7f8fa; |
|
||||||
} |
|
||||||
@ -1,286 +0,0 @@ |
|||||||
!(function() { |
|
||||||
/** |
|
||||||
* 顶部组件,提供输入框添加todo项目 |
|
||||||
* 布局: bi.horizontal_auto 实现水平居中. bi.left_right_vertical_adapt 实现标题是输入框的靠左靠右垂直居中 |
|
||||||
*/ |
|
||||||
var ToDoListHeader = BI.inherit(BI.Widget, { |
|
||||||
|
|
||||||
props: { |
|
||||||
// 指定组件的className
|
|
||||||
baseCls: "my-todolist-header" |
|
||||||
}, |
|
||||||
|
|
||||||
render: function() { |
|
||||||
var self = this, o = this.options; |
|
||||||
return { |
|
||||||
type: "bi.horizontal_auto", // 水平居中布局
|
|
||||||
items: [ |
|
||||||
{ |
|
||||||
el: { |
|
||||||
type: "bi.left_right_vertical_adapt", // 左右垂直居中布局
|
|
||||||
width: 600, |
|
||||||
height: o.height, |
|
||||||
items: { |
|
||||||
left: [ |
|
||||||
{ |
|
||||||
el: { |
|
||||||
type: "bi.label", |
|
||||||
cls: "my-todolist-title", |
|
||||||
text: "FineUI ToDoList", |
|
||||||
height: o.height |
|
||||||
} |
|
||||||
} |
|
||||||
], |
|
||||||
right: [ |
|
||||||
{ |
|
||||||
el: { |
|
||||||
type: "bi.editor", |
|
||||||
ref: function(_ref) { |
|
||||||
self.editor = _ref; |
|
||||||
}, |
|
||||||
allowBlank: true, |
|
||||||
cls: "my-todolist-header-editor", |
|
||||||
watermark: "添加ToDo", |
|
||||||
width: 300, |
|
||||||
height: 24, |
|
||||||
listeners: [ |
|
||||||
{ // 监听bi.editor 组件的"EVENT_ENTER"事件(即敲回车),触发事件ToDoListHeader.EVENT_ADD事件并将输入框值置空
|
|
||||||
eventName: "EVENT_ENTER", |
|
||||||
action: function() { |
|
||||||
// 注意:在这里this指向的是bi.editor的实例.通过bi.editor的getValue()方法获取输入框输入值.
|
|
||||||
self.fireEvent(ToDoListHeader.EVENT_ADD, this.getValue()); |
|
||||||
self.editor.setValue(""); |
|
||||||
} |
|
||||||
} |
|
||||||
] |
|
||||||
} |
|
||||||
} |
|
||||||
] |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
] |
|
||||||
}; |
|
||||||
} |
|
||||||
}); |
|
||||||
|
|
||||||
ToDoListHeader.EVENT_ADD = "EVENT_ADD"; |
|
||||||
|
|
||||||
BI.shortcut("my.todolist.header", ToDoListHeader); |
|
||||||
})();!(function() { |
|
||||||
/** |
|
||||||
* todo项列表 |
|
||||||
* |
|
||||||
*/ |
|
||||||
var List = BI.inherit(BI.Widget, { |
|
||||||
|
|
||||||
props: { |
|
||||||
// 指定组件的className
|
|
||||||
baseCls: "my-todolist-list", |
|
||||||
text: "正在进行" |
|
||||||
}, |
|
||||||
|
|
||||||
render: function() { |
|
||||||
var self = this, o = this.options; |
|
||||||
return { |
|
||||||
type: "bi.vertical", |
|
||||||
items: [ |
|
||||||
{ |
|
||||||
el: { |
|
||||||
type: "bi.vertical_adapt", |
|
||||||
height: 40, |
|
||||||
items: [ |
|
||||||
{ |
|
||||||
type: "bi.label", |
|
||||||
cls: "my-todolist-list-text", |
|
||||||
textAlign: "left", |
|
||||||
text: o.text, |
|
||||||
width: 580 |
|
||||||
}, { |
|
||||||
type: "bi.center_adapt", |
|
||||||
cls: "my-todolist-list-count-container", |
|
||||||
width: 20, |
|
||||||
height: 20, |
|
||||||
items: [ |
|
||||||
{ |
|
||||||
el: { |
|
||||||
type: "bi.label", |
|
||||||
ref: function(_ref) { |
|
||||||
self.count = _ref; |
|
||||||
}, |
|
||||||
text: "0" |
|
||||||
} |
|
||||||
} |
|
||||||
] |
|
||||||
} |
|
||||||
] |
|
||||||
} |
|
||||||
}, { // 用bi.vertical布局作为列表项的容器.
|
|
||||||
type: "bi.vertical", |
|
||||||
vgap: 10, |
|
||||||
ref: function(_ref) { |
|
||||||
self.list = _ref; |
|
||||||
}, |
|
||||||
items: this._createItems(o.items) |
|
||||||
} |
|
||||||
] |
|
||||||
}; |
|
||||||
}, |
|
||||||
|
|
||||||
_createItems: function(items) { |
|
||||||
var self = this; |
|
||||||
return BI.map(items, function(index, item) { |
|
||||||
return BI.extend(item, { |
|
||||||
type: "bi.multi_select_item", // 节点采用复选节点展示
|
|
||||||
selected: item.done, // 已完成的todo项置为选中状态
|
|
||||||
disabled: item.done, // 已完成的todo项置为灰化状态
|
|
||||||
listeners: [ |
|
||||||
{ // 为每个todo项添加"EVENT_CHANGE"事件监听,触发组件自身"EVENT_CHANGE"事件
|
|
||||||
eventName: "EVENT_CHANGE", |
|
||||||
action: function(v) { |
|
||||||
self.fireEvent("EVENT_CHANGE", v); |
|
||||||
} |
|
||||||
} |
|
||||||
] |
|
||||||
}); |
|
||||||
}); |
|
||||||
}, |
|
||||||
|
|
||||||
_setCount: function(count) { |
|
||||||
this.count.setText(count); |
|
||||||
}, |
|
||||||
|
|
||||||
populate: function(items) { |
|
||||||
this.list.populate(this._createItems(items)); |
|
||||||
this._setCount(items.length); |
|
||||||
} |
|
||||||
}); |
|
||||||
BI.shortcut("my.todolist.list", List); |
|
||||||
})();!(function() { |
|
||||||
/** |
|
||||||
* todolist 组件 |
|
||||||
*/ |
|
||||||
var ToDoList = BI.inherit(BI.Widget, { |
|
||||||
|
|
||||||
props: { |
|
||||||
baseCls: "fine-to-do-list" |
|
||||||
}, |
|
||||||
|
|
||||||
// 生命周期函数,在组件创建前
|
|
||||||
beforeCreate: function() { |
|
||||||
// 初始化存储数据
|
|
||||||
this.list = localStorage.getItem("fine-todolist") ? JSON.parse(localStorage.getItem("fine-todolist")) : []; |
|
||||||
}, |
|
||||||
|
|
||||||
render: function() { |
|
||||||
var self = this, o = this.options; |
|
||||||
return { |
|
||||||
type: "bi.vtape", // vtape布局,顶部高度固定,下部分列表占满高度
|
|
||||||
items: [ |
|
||||||
{ |
|
||||||
el: { |
|
||||||
type: "my.todolist.header", // 顶部组件
|
|
||||||
listeners: [ |
|
||||||
{ // 监听组件的EVENT_ADD事件,新建todo项
|
|
||||||
eventName: "EVENT_ADD", |
|
||||||
action: function(v) { |
|
||||||
self.addToDo(v); |
|
||||||
} |
|
||||||
} |
|
||||||
], |
|
||||||
height: 40 |
|
||||||
}, |
|
||||||
height: 40 |
|
||||||
}, { |
|
||||||
type: "bi.horizontal_auto", // 水平居中布局
|
|
||||||
cls: "my-todolist-background", // 添加className
|
|
||||||
items: [ |
|
||||||
{ |
|
||||||
el: { |
|
||||||
type: "my.todolist.list", // need todo项列表
|
|
||||||
ref: function(_ref) { |
|
||||||
self.todolist = _ref; |
|
||||||
}, |
|
||||||
items: this._getNeedTodoList(), |
|
||||||
text: "正在进行", |
|
||||||
listeners: [ |
|
||||||
{ // 监听EVENT_CHANGE事件,完成某一项todo
|
|
||||||
eventName: "EVENT_CHANGE", |
|
||||||
action: function(v) { |
|
||||||
self.finishTodo(v); |
|
||||||
} |
|
||||||
} |
|
||||||
], |
|
||||||
width: 600 |
|
||||||
} |
|
||||||
}, { |
|
||||||
el: { |
|
||||||
type: "my.todolist.list", // 已经完成的todo项列表
|
|
||||||
text: "已经完成", |
|
||||||
items: this._getAlreadyDoneList(), |
|
||||||
ref: function(_ref) { |
|
||||||
self.donelist = _ref; |
|
||||||
}, |
|
||||||
width: 600 |
|
||||||
} |
|
||||||
} |
|
||||||
] |
|
||||||
} |
|
||||||
] |
|
||||||
}; |
|
||||||
}, |
|
||||||
|
|
||||||
_updateLocalStorage: function() { |
|
||||||
localStorage.setItem("fine-todolist", JSON.stringify(this.list)); |
|
||||||
}, |
|
||||||
|
|
||||||
_getNeedTodoList: function() { |
|
||||||
return BI.filter(this.list, function(index, item) { |
|
||||||
return !item.done; |
|
||||||
}); |
|
||||||
}, |
|
||||||
|
|
||||||
_getAlreadyDoneList: function() { |
|
||||||
return BI.filter(this.list, function(index, item) { |
|
||||||
return item.done; |
|
||||||
}); |
|
||||||
}, |
|
||||||
|
|
||||||
/** |
|
||||||
* 添加todo项 |
|
||||||
* @param text todo项的内容 |
|
||||||
*/ |
|
||||||
addToDo: function(text) { |
|
||||||
this.list.push({ |
|
||||||
value: BI.UUID(), |
|
||||||
text: text, |
|
||||||
done: false |
|
||||||
}); |
|
||||||
this.todolist.populate(this._getNeedTodoList()); |
|
||||||
this._updateLocalStorage(); |
|
||||||
}, |
|
||||||
|
|
||||||
/** |
|
||||||
* 完成某一项todo |
|
||||||
* @param v todo项的value |
|
||||||
*/ |
|
||||||
finishTodo: function(v) { |
|
||||||
BI.some(this.list, function(index, item) { |
|
||||||
if (item.value === v) { |
|
||||||
item.done = true; |
|
||||||
} |
|
||||||
}); |
|
||||||
this.todolist.populate(this._getNeedTodoList()); |
|
||||||
this.donelist.populate(this._getAlreadyDoneList()); |
|
||||||
this._updateLocalStorage(); |
|
||||||
} |
|
||||||
}); |
|
||||||
BI.shortcut("my.todolist", ToDoList); |
|
||||||
})(); |
|
||||||
!(function () { |
|
||||||
// 将todolist组件挂载到#wrapper上.
|
|
||||||
BI.createWidget({ |
|
||||||
type: "my.todolist", |
|
||||||
element: "#wrapper" |
|
||||||
}); |
|
||||||
})(); |
|
||||||
|
Before Width: | Height: | Size: 215 KiB |
|
Before Width: | Height: | Size: 461 B |
|
Before Width: | Height: | Size: 45 B |
|
Before Width: | Height: | Size: 652 B |
|
Before Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 232 B |
|
Before Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 302 B |
|
Before Width: | Height: | Size: 196 B |
|
Before Width: | Height: | Size: 303 B |
|
Before Width: | Height: | Size: 198 B |
|
Before Width: | Height: | Size: 160 B |
|
Before Width: | Height: | Size: 203 B |
|
Before Width: | Height: | Size: 206 B |
|
Before Width: | Height: | Size: 191 B |
|
Before Width: | Height: | Size: 146 B |
|
Before Width: | Height: | Size: 183 B |
|
Before Width: | Height: | Size: 192 B |
|
Before Width: | Height: | Size: 178 B |
|
Before Width: | Height: | Size: 112 B |
|
Before Width: | Height: | Size: 156 B |
|
Before Width: | Height: | Size: 161 B |
|
Before Width: | Height: | Size: 150 B |
|
Before Width: | Height: | Size: 140 B |
|
Before Width: | Height: | Size: 2.8 KiB |
|
Before Width: | Height: | Size: 2.8 KiB |
|
Before Width: | Height: | Size: 203 B |
|
Before Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 200 B |
|
Before Width: | Height: | Size: 199 B |
|
Before Width: | Height: | Size: 296 B |
|
Before Width: | Height: | Size: 361 B |
|
Before Width: | Height: | Size: 319 B |
|
Before Width: | Height: | Size: 357 B |
|
Before Width: | Height: | Size: 416 B |
|
Before Width: | Height: | Size: 289 B |
|
Before Width: | Height: | Size: 425 B |
|
Before Width: | Height: | Size: 233 B |
|
Before Width: | Height: | Size: 165 B |
|
Before Width: | Height: | Size: 205 B |
|
Before Width: | Height: | Size: 204 B |
|
Before Width: | Height: | Size: 192 B |
|
Before Width: | Height: | Size: 151 B |
|
Before Width: | Height: | Size: 188 B |
|
Before Width: | Height: | Size: 185 B |
|
Before Width: | Height: | Size: 172 B |
|
Before Width: | Height: | Size: 112 B |
|
Before Width: | Height: | Size: 156 B |
|
Before Width: | Height: | Size: 161 B |
|
Before Width: | Height: | Size: 150 B |
|
Before Width: | Height: | Size: 140 B |
|
Before Width: | Height: | Size: 1007 B |
|
Before Width: | Height: | Size: 45 B |
|
Before Width: | Height: | Size: 652 B |
|
Before Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 342 B |
|
Before Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 359 B |
|
Before Width: | Height: | Size: 209 B |
|
Before Width: | Height: | Size: 368 B |
|
Before Width: | Height: | Size: 209 B |
|
Before Width: | Height: | Size: 211 B |
|
Before Width: | Height: | Size: 250 B |
|
Before Width: | Height: | Size: 254 B |
|
Before Width: | Height: | Size: 242 B |
|
Before Width: | Height: | Size: 192 B |
|
Before Width: | Height: | Size: 232 B |
|
Before Width: | Height: | Size: 240 B |
|
Before Width: | Height: | Size: 227 B |
|
Before Width: | Height: | Size: 127 B |
|
Before Width: | Height: | Size: 204 B |
|
Before Width: | Height: | Size: 200 B |
|
Before Width: | Height: | Size: 192 B |
|
Before Width: | Height: | Size: 183 B |
|
Before Width: | Height: | Size: 135 B |
|
Before Width: | Height: | Size: 224 B |
|
Before Width: | Height: | Size: 288 B |
|
Before Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 249 B |
|
Before Width: | Height: | Size: 209 B |
|
Before Width: | Height: | Size: 400 B |