yudao
/
admin-vben
mirror of https://gitee.com/yudaocode/yudao-ui-admin-vben.git
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'main' into antdv-next

master^2
xingyu4j 2026-05-18 16:38:56 +08:00
parent 1867015e97
commit 5bbdcffb97
2 changed files with 20 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
playground/src/bootstrap.ts
View File

@ -6,7 +6,7 @@ import { providePluginsOptions } from '@vben/plugins';
import { preferences } from '@vben/preferences'; import { preferences } from '@vben/preferences';
import { initStores } from '@vben/stores'; import { initStores } from '@vben/stores';
import '@vben/styles'; import '@vben/styles';
import '@vben/styles/antd'; import '@vben/styles/antdv-next';
import { useTitle } from '@vueuse/core'; import { useTitle } from '@vueuse/core';

38
playground/src/views/examples/vxe-table/viewed.vue
View File

@ -1,15 +1,15 @@
<script lang="ts" setup> <script lang="ts" setup>
import type {OnActionClickParams, VxeGridProps} from '#/adapter/vxe-table'; import type { OnActionClickParams, VxeGridProps } from '#/adapter/vxe-table';
import {ref} from 'vue'; import { ref } from 'vue';
import {Page, useVbenModal} from '@vben/common-ui'; import { Page, useVbenModal } from '@vben/common-ui';
import {$t} from '@vben/locales'; import { $t } from '@vben/locales';
import {Button, message} from 'ant-design-vue'; import { Button, message } from 'antdv-next';
import {useVbenVxeGrid} from '#/adapter/vxe-table'; import { useVbenVxeGrid } from '#/adapter/vxe-table';
import {getExampleTableApi} from '#/api'; import { getExampleTableApi } from '#/api';
interface RowType { interface RowType {
category: string; category: string;
@ -26,12 +26,12 @@ const gridOptions: VxeGridProps<RowType> = {
labelField: 'category', labelField: 'category',
}, },
columns: [ columns: [
{title: '序号', type: 'seq', width: 50}, { title: '序号', type: 'seq', width: 50 },
{field: 'category', sortable: true, title: 'Category'}, { field: 'category', sortable: true, title: 'Category' },
{field: 'color', sortable: true, title: 'Color'}, { field: 'color', sortable: true, title: 'Color' },
{field: 'productName', sortable: true, title: 'Product Name'}, { field: 'productName', sortable: true, title: 'Product Name' },
{field: 'price', sortable: true, title: 'Price'}, { field: 'price', sortable: true, title: 'Price' },
{field: 'releaseDate', formatter: 'formatDateTime', title: 'DateTime'}, { field: 'releaseDate', formatter: 'formatDateTime', title: 'DateTime' },
{ {
align: 'center', align: 'center',
cellRender: { cellRender: {
@ -61,7 +61,7 @@ const gridOptions: VxeGridProps<RowType> = {
keepSource: true, keepSource: true,
proxyConfig: { proxyConfig: {
ajax: { ajax: {
query: async ({page, sort}) => { query: async ({ page, sort }) => {
return await getExampleTableApi({ return await getExampleTableApi({
page: page.currentPage, page: page.currentPage,
pageSize: page.pageSize, pageSize: page.pageSize,
@ -73,7 +73,7 @@ const gridOptions: VxeGridProps<RowType> = {
sort: true, sort: true,
}, },
sortConfig: { sortConfig: {
defaultSort: {field: 'category', order: 'desc'}, defaultSort: { field: 'category', order: 'desc' },
remote: true, remote: true,
}, },
toolbarConfig: { toolbarConfig: {
@ -103,7 +103,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
}, },
}); });
function onActionClick({code, row}: OnActionClickParams<RowType>) { function onActionClick({ code, row }: OnActionClickParams<RowType>) {
switch (code) { switch (code) {
case 'edit': { case 'edit': {
onEdit(row); onEdit(row);
@ -123,9 +123,9 @@ const editRow = ref<RowType>();
const [Modal, modalApi] = useVbenModal({ const [Modal, modalApi] = useVbenModal({
draggable: true, draggable: true,
onConfirm: () => { onConfirm: () => {
modalApi.setState({loading: true}); modalApi.setState({ loading: true });
editRow.value && gridApi.markRowAsViewed(editRow.value); editRow.value && gridApi.markRowAsViewed(editRow.value);
modalApi.setState({loading: false}); modalApi.setState({ loading: false });
modalApi.close(); modalApi.close();
}, },
}); });
@ -149,7 +149,7 @@ function onStyleSet() {
gridApi.setState({ gridApi.setState({
viewedRowOptions: { viewedRowOptions: {
rowStyle: () => { rowStyle: () => {
return isStyle.value ? {backgroundColor: 'gray'} : ''; return isStyle.value ? { backgroundColor: 'gray' } : '';
}, },
}, },
}); });