blackteay/ray-template
1
0
Fork 0
mirror of https://github.com/XiaoDaiGua-Ray/ray-template.git synced 2025-06-11 19:09:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

文案内容错误修改

Browse Source
This commit is contained in:
chuan_wuhao 2022-12-27 15:49:59 +08:00
parent 57414e3306
commit 6bc7a23987
2 changed files with 61 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -1,7 +1,7 @@
{
"name": "ray-template",
"private": true,
"version": "3.0.0",
"version": "3.0.1",
"type": "module",
"scripts": {
"dev": "vite",

112
src/views/table/index.tsx
View File

@ -156,58 +156,66 @@ const TableView = defineComponent({
</p>
<p>该组件可以配合 RayCollapseGird 组件使用实现可折叠搜索栏</p>
</NCard>
<NSpace vertical>
<NSpace style={['margin-top: 18px']}>
该组件基于 NGird 实现, 但是由于 css grid 限制, 不能对于 NGridItem
组件进行二次封装, 所以使用时必须配合 NGirdItem
使用才能实现示例效果(使用 NGirdItem 包裹元素即可).
</NSpace>
<NSpace style={['margin-top: 18px']}>
<NSpace align="center">
数量 <NInputNumber v-model:value={this.gridItemCount} />
</NSpace>
<NSpace align="center">
行数 <NInputNumber v-model:value={this.gridCollapsedRows} />
</NSpace>
</NSpace>
<RayCollapseGrid
collapsedRows={this.gridCollapsedRows}
cols={this.gridItemCount}
onUpdateValue={(value: boolean) =>
window.$message.info(
`我是 RayCollapseGrid 组件${value ? '收起' : '展开'}的回调函数`,
)
}
>
{{
action: () => (
<>
<NButton>搜索</NButton>
<NButton>重置</NButton>
</>
),
default: () => (
<>
<NGridItem>
<NSelect />
</NGridItem>
<NGridItem>
<NInput />
</NGridItem>
<NGridItem>
<NDatePicker type="datetimerange" clearable />
</NGridItem>
<NGridItem>
<NInput />
</NGridItem>
<NGridItem>
<NInput />
</NGridItem>
</>
),
}}
</RayCollapseGrid>
</NSpace>
<NCard style={['margin-top: 18px']}>
{{
default: () => (
<NSpace vertical>
<NSpace style={['margin-top: 18px']}>
该组件基于 NGird 实现, 但是由于 css grid 限制, 不能对于
NGridItem 组件进行二次封装, 所以使用时必须配合 NGridItem
使用才能实现示例效果(使用 NGridItem 包裹元素即可).
</NSpace>
<NSpace style={['margin-top: 18px']}>
<NSpace align="center">
数量 <NInputNumber v-model:value={this.gridItemCount} />
</NSpace>
<NSpace align="center">
行数 <NInputNumber v-model:value={this.gridCollapsedRows} />
</NSpace>
</NSpace>
<RayCollapseGrid
collapsedRows={this.gridCollapsedRows}
cols={this.gridItemCount}
onUpdateValue={(value: boolean) =>
window.$message.info(
`我是 RayCollapseGrid 组件${
value ? '收起' : '展开'
}的回调函数`,
)
}
>
{{
action: () => (
<>
<NButton>搜索</NButton>
<NButton>重置</NButton>
</>
),
default: () => (
<>
<NGridItem>
<NSelect />
</NGridItem>
<NGridItem>
<NInput />
</NGridItem>
<NGridItem>
<NDatePicker type="datetimerange" clearable />
</NGridItem>
<NGridItem>
<NInput />
</NGridItem>
<NGridItem>
<NInput />
</NGridItem>
</>
),
}}
</RayCollapseGrid>
</NSpace>
),
}}
</NCard>
<NCard title="基础使用" style={['margin-top: 18px']}>
<RayTable
title="基础表格"