添加刷新按钮。

This commit is contained in:
tengge1 2019-09-24 22:00:40 +08:00
parent 6e272f92ee
commit 30c8ef68ab
12 changed files with 638 additions and 8 deletions

View File

@ -504,6 +504,12 @@
<div class="code-name">&amp;#xe6bb;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe627;</span>
<div class="name">刷新</div>
<div class="code-name">&amp;#xe627;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe659;</span>
<div class="name">不可见</div>
@ -1283,6 +1289,15 @@
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-refresh"></span>
<div class="name">
刷新
</div>
<div class="code-name">.icon-refresh
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-invisible"></span>
<div class="name">
@ -1971,6 +1986,14 @@
<div class="code-name">#icon-down-triangle</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-refresh"></use>
</svg>
<div class="name">刷新</div>
<div class="code-name">#icon-refresh</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-invisible"></use>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,590 @@
{
"id": "741991",
"name": "ShadowEditor",
"font_family": "iconfont",
"css_prefix_text": "icon-",
"description": "",
"glyphs": [
{
"icon_id": "15367",
"name": "下三角形",
"font_class": "down-triangle2",
"unicode": "e642",
"unicode_decimal": 58946
},
{
"icon_id": "15368",
"name": "上三角形",
"font_class": "up-triangle2",
"unicode": "e644",
"unicode_decimal": 58948
},
{
"icon_id": "15369",
"name": "右三角形",
"font_class": "right-triangle2",
"unicode": "e645",
"unicode_decimal": 58949
},
{
"icon_id": "15370",
"name": "左三角形",
"font_class": "left-triangle2",
"unicode": "e646",
"unicode_decimal": 58950
},
{
"icon_id": "97115",
"name": "材质",
"font_class": "material",
"unicode": "e601",
"unicode_decimal": 58881
},
{
"icon_id": "152196",
"name": "帮助",
"font_class": "help",
"unicode": "e603",
"unicode_decimal": 58883
},
{
"icon_id": "180781",
"name": "复选框",
"font_class": "checkbox-check",
"unicode": "e643",
"unicode_decimal": 58947
},
{
"icon_id": "210293",
"name": "编辑",
"font_class": "edit",
"unicode": "e69b",
"unicode_decimal": 59035
},
{
"icon_id": "289178",
"name": "撤销",
"font_class": "undo",
"unicode": "e60a",
"unicode_decimal": 58890
},
{
"icon_id": "467522",
"name": "发布",
"font_class": "publish",
"unicode": "e70e",
"unicode_decimal": 59150
},
{
"icon_id": "553250",
"name": "缩放",
"font_class": "scale",
"unicode": "e61f",
"unicode_decimal": 58911
},
{
"icon_id": "573575",
"name": "暂停",
"font_class": "pause",
"unicode": "e638",
"unicode_decimal": 58936
},
{
"icon_id": "689263",
"name": "立方体 立体 多面体 方块",
"font_class": "cube-separate",
"unicode": "e7fa",
"unicode_decimal": 59386
},
{
"icon_id": "702615",
"name": "grid",
"font_class": "grid",
"unicode": "e8b4",
"unicode_decimal": 59572
},
{
"icon_id": "705693",
"name": "下载",
"font_class": "download",
"unicode": "e629",
"unicode_decimal": 58921
},
{
"icon_id": "792438",
"name": "cube-立方体",
"font_class": "cube",
"unicode": "e6fc",
"unicode_decimal": 59132
},
{
"icon_id": "850468",
"name": "audio-mid",
"font_class": "audio",
"unicode": "e618",
"unicode_decimal": 58904
},
{
"icon_id": "873245",
"name": "shadow",
"font_class": "shadow",
"unicode": "e702",
"unicode_decimal": 59138
},
{
"icon_id": "949967",
"name": "导入",
"font_class": "import",
"unicode": "e606",
"unicode_decimal": 58886
},
{
"icon_id": "964926",
"name": "解决方案",
"font_class": "solution",
"unicode": "e623",
"unicode_decimal": 58915
},
{
"icon_id": "970088",
"name": "好房拓 4.0.0 iconfont_筛选折叠",
"font_class": "down-arrow",
"unicode": "e692",
"unicode_decimal": 59026
},
{
"icon_id": "1110403",
"name": "箭头 三角形",
"font_class": "right-triangle",
"unicode": "e611",
"unicode_decimal": 58897
},
{
"icon_id": "1110421",
"name": "搜索",
"font_class": "search",
"unicode": "e614",
"unicode_decimal": 58900
},
{
"icon_id": "1111786",
"name": "好房拓 4.0.0 iconfont_筛选折叠关闭",
"font_class": "up-arrow",
"unicode": "e6dc",
"unicode_decimal": 59100
},
{
"icon_id": "1119387",
"name": "复制",
"font_class": "duplicate",
"unicode": "e617",
"unicode_decimal": 58903
},
{
"icon_id": "1166266",
"name": "平移",
"font_class": "hand",
"unicode": "e622",
"unicode_decimal": 58914
},
{
"icon_id": "1272631",
"name": "添加",
"font_class": "add",
"unicode": "e637",
"unicode_decimal": 58935
},
{
"icon_id": "1308602",
"name": "740编辑器_锚点",
"font_class": "anchor-point",
"unicode": "e664",
"unicode_decimal": 58980
},
{
"icon_id": "1335516",
"name": "圆柱体",
"font_class": "cylinder",
"unicode": "e61a",
"unicode_decimal": 58906
},
{
"icon_id": "1335521",
"name": "圆锥体",
"font_class": "cone",
"unicode": "e61b",
"unicode_decimal": 58907
},
{
"icon_id": "1336533",
"name": "立方体",
"font_class": "cube-line",
"unicode": "e61d",
"unicode_decimal": 58909
},
{
"icon_id": "1336818",
"name": "四面体",
"font_class": "tetrahedron",
"unicode": "e626",
"unicode_decimal": 58918
},
{
"icon_id": "1469179",
"name": "close",
"font_class": "close-thin",
"unicode": "e849",
"unicode_decimal": 59465
},
{
"icon_id": "1517637",
"name": "关闭",
"font_class": "close",
"unicode": "e654",
"unicode_decimal": 58964
},
{
"icon_id": "1555847",
"name": "filter",
"font_class": "filter",
"unicode": "e6c3",
"unicode_decimal": 59075
},
{
"icon_id": "1582499",
"name": "场景设置",
"font_class": "scene-setting",
"unicode": "e72b",
"unicode_decimal": 59179
},
{
"icon_id": "1621427",
"name": "播放",
"font_class": "play",
"unicode": "e61c",
"unicode_decimal": 58908
},
{
"icon_id": "1649218",
"name": "选择",
"font_class": "select",
"unicode": "e67b",
"unicode_decimal": 59003
},
{
"icon_id": "1802264",
"name": "纹理_CoGraphics_2",
"font_class": "texture",
"unicode": "e607",
"unicode_decimal": 58887
},
{
"icon_id": "1875892",
"name": "历史",
"font_class": "history",
"unicode": "e673",
"unicode_decimal": 58995
},
{
"icon_id": "1920286",
"name": "点",
"font_class": "point",
"unicode": "e608",
"unicode_decimal": 58888
},
{
"icon_id": "2013269",
"name": "重做",
"font_class": "redo",
"unicode": "e600",
"unicode_decimal": 58880
},
{
"icon_id": "2024176",
"name": "js",
"font_class": "js",
"unicode": "e648",
"unicode_decimal": 58952
},
{
"icon_id": "2074621",
"name": "减号-加粗",
"font_class": "minus",
"unicode": "e6f2",
"unicode_decimal": 59122
},
{
"icon_id": "2074622",
"name": "加号-加粗",
"font_class": "plus",
"unicode": "e6f1",
"unicode_decimal": 59121
},
{
"icon_id": "2131627",
"name": "导出",
"font_class": "export",
"unicode": "e657",
"unicode_decimal": 58967
},
{
"icon_id": "2297303",
"name": "源码应用",
"font_class": "source",
"unicode": "e62a",
"unicode_decimal": 58922
},
{
"icon_id": "2344227",
"name": "上传",
"font_class": "upload",
"unicode": "e6e8",
"unicode_decimal": 59112
},
{
"icon_id": "2698783",
"name": "保存",
"font_class": "save",
"unicode": "e613",
"unicode_decimal": 58899
},
{
"icon_id": "3020000",
"name": "二级-路径管理",
"font_class": "path",
"unicode": "ea9e",
"unicode_decimal": 60062
},
{
"icon_id": "3068699",
"name": "组",
"font_class": "group",
"unicode": "e6b3",
"unicode_decimal": 59059
},
{
"icon_id": "3129108",
"name": "VR",
"font_class": "vr",
"unicode": "e604",
"unicode_decimal": 58884
},
{
"icon_id": "3292689",
"name": "复选框",
"font_class": "checkbox-uncheck",
"unicode": "e6a2",
"unicode_decimal": 59042
},
{
"icon_id": "3387960",
"name": "立体",
"font_class": "geometry",
"unicode": "e624",
"unicode_decimal": 58916
},
{
"icon_id": "3435568",
"name": "启动",
"font_class": "start",
"unicode": "e6fd",
"unicode_decimal": 59133
},
{
"icon_id": "3552396",
"name": "设置",
"font_class": "setting-black",
"unicode": "e602",
"unicode_decimal": 58882
},
{
"icon_id": "3595198",
"name": "json",
"font_class": "json",
"unicode": "e605",
"unicode_decimal": 58885
},
{
"icon_id": "3988062",
"name": "喷水",
"font_class": "spray",
"unicode": "e62d",
"unicode_decimal": 58925
},
{
"icon_id": "4173973",
"name": "压缩",
"font_class": "compress",
"unicode": "e620",
"unicode_decimal": 58912
},
{
"icon_id": "4236649",
"name": "旋转",
"font_class": "rotate",
"unicode": "e615",
"unicode_decimal": 58901
},
{
"icon_id": "4525164",
"name": "平移",
"font_class": "translate",
"unicode": "e60c",
"unicode_decimal": 58892
},
{
"icon_id": "4525169",
"name": "模型浏览",
"font_class": "model-view",
"unicode": "e60e",
"unicode_decimal": 58894
},
{
"icon_id": "4525170",
"name": "设置",
"font_class": "setting",
"unicode": "e60f",
"unicode_decimal": 58895
},
{
"icon_id": "4525172",
"name": "删除",
"font_class": "delete",
"unicode": "e610",
"unicode_decimal": 58896
},
{
"icon_id": "4769892",
"name": "图片场景管理",
"font_class": "scenes",
"unicode": "e612",
"unicode_decimal": 58898
},
{
"icon_id": "4802554",
"name": "Glan",
"font_class": "glsl",
"unicode": "e60d",
"unicode_decimal": 58893
},
{
"icon_id": "4854336",
"name": "确定",
"font_class": "ok",
"unicode": "e609",
"unicode_decimal": 58889
},
{
"icon_id": "4854823",
"name": "关闭",
"font_class": "cancel",
"unicode": "e60b",
"unicode_decimal": 58891
},
{
"icon_id": "4933870",
"name": "面",
"font_class": "polygon",
"unicode": "ec1e",
"unicode_decimal": 60446
},
{
"icon_id": "4933871",
"name": "线",
"font_class": "line",
"unicode": "ec1f",
"unicode_decimal": 60447
},
{
"icon_id": "5213907",
"name": "新建场景",
"font_class": "new-scene",
"unicode": "e616",
"unicode_decimal": 58902
},
{
"icon_id": "5275455",
"name": "模型中心",
"font_class": "model",
"unicode": "e791",
"unicode_decimal": 59281
},
{
"icon_id": "5771600",
"name": "快退",
"font_class": "backward",
"unicode": "e7f3",
"unicode_decimal": 59379
},
{
"icon_id": "5771601",
"name": "快进",
"font_class": "forward",
"unicode": "e7f4",
"unicode_decimal": 59380
},
{
"icon_id": "5771650",
"name": "停止-实心",
"font_class": "stop",
"unicode": "e7f5",
"unicode_decimal": 59381
},
{
"icon_id": "5831392",
"name": "排序",
"font_class": "sort",
"unicode": "e66c",
"unicode_decimal": 58988
},
{
"icon_id": "6010944",
"name": "1-最大化",
"font_class": "maximize",
"unicode": "e621",
"unicode_decimal": 58913
},
{
"icon_id": "6010945",
"name": "2-最小化",
"font_class": "minimize",
"unicode": "e625",
"unicode_decimal": 58917
},
{
"icon_id": "6251508",
"name": "icon_三角形",
"font_class": "down-triangle",
"unicode": "e6bb",
"unicode_decimal": 59067
},
{
"icon_id": "6626203",
"name": "刷新",
"font_class": "refresh",
"unicode": "e627",
"unicode_decimal": 58919
},
{
"icon_id": "7155865",
"name": "不可见",
"font_class": "invisible",
"unicode": "e659",
"unicode_decimal": 58969
},
{
"icon_id": "7155866",
"name": "可见",
"font_class": "visible",
"unicode": "e65a",
"unicode_decimal": 58970
},
{
"icon_id": "7639355",
"name": "实心正方形",
"font_class": "rect",
"unicode": "e619",
"unicode_decimal": 58905
}
]
}

View File

@ -257,6 +257,9 @@ Created by iconfont
<glyph glyph-name="down-triangle" unicode="&#59067;" d="M209.656 551.969l298.604-335.938 306.084 335.839-604.688 0.099z" horiz-adv-x="1024" />
<glyph glyph-name="refresh" unicode="&#58919;" d="M528.896-102.39999999999998c-262.656 0-476.672 214.016-476.672 476.672S266.24 850.944 528.896 850.944c163.84 0 314.368-82.432 402.432-221.184 14.336-22.528 7.68-53.248-14.848-67.584a49.3568 49.3568 0 0 0-67.584 14.848 377.2416 377.2416 0 0 1-320 175.616c-208.896 0-378.88-169.984-378.88-378.88s169.984-378.88 378.88-378.88a378.88 378.88 0 0 1 349.184 231.424c10.752 25.088 39.424 36.352 64 26.112 25.088-10.752 36.352-39.424 26.112-64a476.16 476.16 0 0 0-439.296-290.816zM889.344 554.496h-217.6a49.152 49.152 0 0 0 0 98.304h168.96v168.96a49.152 49.152 0 0 0 98.304 0v-218.112c-1.024-27.136-22.528-49.152-49.664-49.152z" horiz-adv-x="1024" />
<glyph glyph-name="invisible" unicode="&#58969;" d="M93.184 573.952m-33.28 0a33.28 33.28 0 1 1 66.56 0 33.28 33.28 0 1 1-66.56 0ZM930.816 573.952m-33.28 0a33.28 33.28 0 1 1 66.56 0 33.28 33.28 0 1 1-66.56 0ZM512 300.03200000000004c-184.832 0-343.552 91.136-446.976 256.512l56.32 35.328c90.624-145.408 229.376-225.28 390.656-225.28s300.032 79.872 390.656 225.28l56.32-35.328c-103.424-165.376-262.144-256.512-446.976-256.512zM354.304 162.81600000000003c-17.408 6.144-26.112 25.6-19.968 42.496l47.104 130.048c6.144 17.408 25.6 26.112 42.496 19.968 17.408-6.144 26.112-25.6 19.968-42.496l-47.104-130.048c-6.144-17.408-25.6-26.112-42.496-19.968zM96.768 299.00800000000004c-12.8 12.8-12.8 34.304 0 47.104L194.56 443.904c12.8 12.8 34.304 12.8 47.104 0 12.8-12.8 12.8-34.304 0-47.104l-97.792-97.792c-13.312-12.8-34.304-12.8-47.104 0zM928.768 299.00800000000004c12.8 12.8 12.8 34.304 0 47.104l-97.792 97.792c-12.8 12.8-34.304 12.8-47.104 0-12.8-12.8-12.8-34.304 0-47.104l97.792-97.792c12.8-12.8 33.792-12.8 47.104 0zM669.696 162.81600000000003c17.408 6.144 26.112 25.6 19.968 42.496l-47.104 130.048c-6.144 17.408-25.6 26.112-42.496 19.968-17.408-6.144-26.112-25.6-19.968-42.496l47.104-130.048c6.144-17.408 25.6-26.112 42.496-19.968z" horiz-adv-x="1024" />

Before

Width:  |  Height:  |  Size: 102 KiB

After

Width:  |  Height:  |  Size: 103 KiB

View File

@ -752,5 +752,6 @@
"Next Page": "下一页",
"Last Page": "最后一页",
"{{total}} Records": "{{total}}条记录",
"Delete the selected record?": "是否要删除选中的数据?"
"Delete the selected record?": "是否要删除选中的数据?",
"Refresh": "刷新"
}

View File

@ -31,6 +31,7 @@ class DataGrid extends React.Component {
this.handlePreviousPage = this.handlePreviousPage.bind(this, props.onPreviousPage);
this.handleNextPage = this.handleNextPage.bind(this, props.onNextPage);
this.handleLastPage = this.handleLastPage.bind(this, props.onLastPage);
this.handleRefresh = this.handleRefresh.bind(this, props.onRefresh);
}
render() {
@ -95,6 +96,7 @@ class DataGrid extends React.Component {
<IconButton icon={'right-triangle2'} title={_t('Next Page')} onClick={this.handleNextPage}></IconButton>
<IconButton icon={'forward'} title={_t('Last Page')} onClick={this.handleLastPage}></IconButton>
<ToolbarSeparator className={'line'}></ToolbarSeparator>
<IconButton icon={'refresh'} title={_t('Refresh')} onClick={this.handleRefresh}></IconButton>
<ToolbarFiller></ToolbarFiller>
<div className={'info'}>
{_t('Total {{totalPage}} Pages', { totalPage })}<span className={'separator'}>,</span>
@ -133,6 +135,10 @@ class DataGrid extends React.Component {
handleLastPage(onLastPage, event) {
onLastPage && onLastPage(event);
}
handleRefresh(onRefresh, event) {
onRefresh && onRefresh(event);
}
}
DataGrid.propTypes = {
@ -160,6 +166,7 @@ DataGrid.propTypes = {
onPreviousPage: PropTypes.func,
onNextPage: PropTypes.func,
onLastPage: PropTypes.func,
onRefresh: PropTypes.func,
};
DataGrid.defaultProps = {
@ -179,6 +186,7 @@ DataGrid.defaultProps = {
onPreviousPage: null,
onNextPage: null,
onLastPage: null,
onRefresh: null,
};
export default DataGrid;

View File

@ -100,6 +100,7 @@
.DataGrid>.page>.IconButton>.iconfont {
font-size: 14px;
line-height: 18px;
}
.DataGrid>.page>.line {