amass/FluentUI
1
0
Fork 0
mirror of https://github.com/zhuzichu520/FluentUI.git synced 2024-10-31 16:17:29 +08:00
Code Issues Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
朱子楚\zhuzi 2023-05-05 22:45:02 +08:00
parent a1c8672a5a
commit cff6aaf6f4
1 changed files with 128 additions and 103 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

231
src/imports/FluentUI/Controls/FluTableView.qml
View File

@ -14,7 +14,12 @@ Item {
signal requestPage(int page,int count) signal requestPage(int page,int count)
id:control id:control
implicitHeight: layout_coumns.height + layout_table.height implicitHeight: layout_table.height
QtObject{
id:d
property int coumnsWidth: parent.width
}
MouseArea{ MouseArea{
anchors.fill: parent anchors.fill: parent
@ -32,6 +37,13 @@ Item {
onColumnsChanged: { onColumnsChanged: {
model_coumns.clear() model_coumns.clear()
model_coumns.append(columns) model_coumns.append(columns)
var w = 0
for(var i=0;i<model_coumns.count;i++){
var item = model_coumns.get(i)
w=w+item.width
console.debug(item.width)
}
d.coumnsWidth = w
} }
onDataSourceChanged: { onDataSourceChanged: {
@ -39,124 +51,137 @@ Item {
model_data_source.append(dataSource) model_data_source.append(dataSource)
} }
FluRectangle{ Flickable{
id:layout_coumns id:layout_flickable
height: control.itemHeight height: layout_table.height
width: parent.width
color:FluTheme.dark ? Qt.rgba(50/255,50/255,50/255,1) : Qt.rgba(247/255,247/255,247/255,1)
radius: [12,12,0,0]
Row{
id:list_coumns
spacing: 0
anchors.fill: parent
Repeater{
model: model_coumns
delegate: Item{
height: list_coumns.height
width: model.width
FluText{
text:model.title
wrapMode: Text.WordWrap
anchors{
verticalCenter: parent.verticalCenter
left: parent.left
leftMargin: 14
}
fontStyle: FluText.BodyStrong
}
FluDivider{
width: 1
height: 40
anchors.right: parent.right
anchors.verticalCenter: parent.verticalCenter
visible: index !== list_coumns.count-1
}
}
}
}
}
Rectangle{
anchors.fill: layout_table
color: FluTheme.dark ? Qt.rgba(39/255,39/255,39/255,1) : Qt.rgba(251/255,251/255,253/255,1)
}
ListView{
id:layout_table
anchors{ anchors{
top: layout_coumns.bottom top: parent.top
left: parent.left left: parent.left
right: parent.right right: parent.right
} }
height: contentHeight contentWidth: layout_table.width
clip:true ScrollBar.horizontal: FluScrollBar {
footer: Item{
height: 50
width: layout_table.width
FluPagination{
id:pagination
height: 40
pageCurrent: control.pageCurrent
itemCount: control.itemCount
pageCount: control.pageCount
onRequestPage:
(page,count)=> {
control.requestPage(page,count)
}
anchors{
verticalCenter: parent.verticalCenter
right: parent.right
}
}
} }
model:model_data_source Rectangle{
delegate: Item{ anchors.fill: layout_table
height: table_row.maxHeight radius: 5
width: layout_table.width color: FluTheme.dark ? Qt.rgba(39/255,39/255,39/255,1) : Qt.rgba(251/255,251/255,253/255,1)
property var model_values : getObjectValues(index) }
property var itemObject: getObject(index) ListView{
property var listModel: model id:layout_table
Row{ height: contentHeight
id: table_row width: Math.max(layout_flickable.width,d.coumnsWidth)
spacing: 0 clip:true
anchors.fill: parent interactive: false
property int maxHeight: itemHeight
Repeater{ header: FluRectangle{
model: model_values id:layout_coumns
delegate:Item{ height: control.itemHeight
height: table_row.maxHeight width: parent.width
width: modelData.width color:FluTheme.dark ? Qt.rgba(50/255,50/255,50/255,1) : Qt.rgba(247/255,247/255,247/255,1)
Loader{ radius: [5,5,0,0]
property var model : modelData
property var dataModel : listModel Row{
property var dataObject : itemObject id:list_coumns
anchors.fill: parent spacing: 0
sourceComponent: { anchors.fill: parent
if(model.itemData instanceof Component){ Repeater{
return model.itemData model: model_coumns
delegate: Item{
height: list_coumns.height
width: model.width
FluText{
text:model.title
wrapMode: Text.WordWrap
anchors{
verticalCenter: parent.verticalCenter
left: parent.left
leftMargin: 14
} }
return com_text fontStyle: FluText.BodyStrong
} }
onHeightChanged: FluDivider{
{ width: 1
table_row.maxHeight = Math.max(table_row.maxHeight,height,itemHeight) height: 40
parent.height = table_row.maxHeight anchors.right: parent.right
table_row.parent.height = table_row.maxHeight anchors.verticalCenter: parent.verticalCenter
visible: index !== list_coumns.count-1
} }
} }
} }
} }
} }
FluDivider{
width: parent.width footer: Item{
height: 1 height: 50
anchors.right: parent.right width: layout_table.width
anchors.bottom: parent.bottom FluPagination{
id:pagination
height: 40
pageCurrent: control.pageCurrent
itemCount: control.itemCount
pageCount: control.pageCount
onRequestPage:
(page,count)=> {
control.requestPage(page,count)
}
anchors{
verticalCenter: parent.verticalCenter
right: parent.right
}
}
}
model:model_data_source
delegate: Item{
height: table_row.maxHeight
width: layout_table.width
property var model_values : getObjectValues(index)
property var itemObject: getObject(index)
property var listModel: model
Row{
id: table_row
spacing: 0
anchors.fill: parent
property int maxHeight: itemHeight
Repeater{
model: model_values
delegate:Item{
height: table_row.maxHeight
width: modelData.width
Loader{
property var model : modelData
property var dataModel : listModel
property var dataObject : itemObject
anchors.fill: parent
sourceComponent: {
if(model.itemData instanceof Component){
return model.itemData
}
return com_text
}
onHeightChanged:
{
table_row.maxHeight = Math.max(table_row.maxHeight,height,itemHeight)
parent.height = table_row.maxHeight
table_row.parent.height = table_row.maxHeight
}
}
}
}
}
FluDivider{
width: parent.width
height: 1
anchors.right: parent.right
anchors.bottom: parent.bottom
}
} }
} }
} }
Component{ Component{
id:com_text id:com_text
Item{ Item{