@xmem/dui-vue

说明

基于Arco-design的VUE的组件库

安装

pnpm add @xmem/dui-vue

使用

import { UIEvent } from '@xmem/dui-vue'

UIEvent UI交互事件集

一、操作提示的确认交互

showDeleteConfirmation

const { showDeleteConfirmation } = UIEvent
const confirmed = await showDeleteConfirmation()
// 确定会返回true，取消返回false

支持参数

title:非必填，默认值 = '删除确认'

content：非必填，默认值 = '数据删除之后不可恢复，是否删除'

二、列表页操作完之后的重置事件

包括不限于创建之后，删除之后，修改之后等执行

使用说明

该 genericClear 函数用于清除和处理常见的状态和数据，并根据传入的参数执行相应的操作。以下是该函数的用法和参数说明：

参数

• codeMsg (可选): 包含状态码和消息的对象。

  • status: 状态码的引用。
  • message: 消息的引用。

• getList (可选): 一个函数，用于获取列表数据。

• drawerValue (可选): 一个布尔类型的引用，用于控制抽屉（drawer）的显示。

• entityDetail (可选): 一个任意类型的引用，用于表示实体的详细信息。

• resetSearch (可选): 一个函数，用于重置搜索条件。

使用方法

import { genericClear } from '路径/to/genericClear';

// 使用示例
genericClear({
    codeMsg: { status: statusRef, message: messageRef },
    getList: fetchData,
    drawerValue: showDrawer,
    entityDetail: entityData,
    resetSearch: clearSearch,
});