🔱: [client] sync upgrade with 5 commits [trident-sync]

refactor: 1
refactor: 1.11.1
refactor: 1.11.1
perf: useFs优化,增加context:UseFsContext
This commit is contained in:
GitHub Actions Bot
2023-03-17 19:23:57 +00:00
parent 6ec697b010
commit 9f1f36774d
30 changed files with 86 additions and 63 deletions
@@ -18,7 +18,6 @@ export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOpti
};
return {
output: {},
crudOptions: {
settings: {
viewFormUseCellComponent: true
@@ -19,8 +19,8 @@ import { useFs, UseFsProps } from "@fast-crud/fast-crud";
export default defineComponent({
name: "BasisColumnMergePlugin",
setup() {
const customValue: any = {}; //自定义变量,传给createCrudOptions的额外参数(可以任意命名,任意多个)
const { crudBinding, crudRef, crudExpose, customExport } = useFs({ createCrudOptions, customValue });
const context: any = {}; //自定义变量,传给createCrudOptions的额外参数(可以任意命名,任意多个)
const { crudBinding, crudRef, crudExpose } = useFs({ createCrudOptions, context });
// 页面打开后获取列表数据
onMounted(() => {
crudExpose.doRefresh();
@@ -1,6 +1,6 @@
import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, dict, EditReq, UserPageQuery, UserPageRes } from "@fast-crud/fast-crud";
import * as api from "./api";
export default function ({ crudExpose, customValue }: CreateCrudOptionsProps): CreateCrudOptionsRet {
export default function ({ crudExpose, context }: CreateCrudOptionsProps): CreateCrudOptionsRet {
const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
return await api.GetList(query);
};
@@ -17,8 +17,6 @@ export default function ({ crudExpose, customValue }: CreateCrudOptionsProps): C
};
return {
//自定义变量返回
customExport: {},
crudOptions: {
// 自定义crudOptions配置
request: {
@@ -19,9 +19,6 @@ import createCrudOptions from "./crud";
export default defineComponent({
name: "FsCrudFirst",
setup() {
// 演示自定义变量传递, 将会传递给createCrudOptions
const customValue: any = {};
// // crud组件的ref
// const crudRef: Ref = ref();
// // crud 配置的ref
@@ -35,7 +32,7 @@ export default defineComponent({
// =======以上为fs的初始化代码=========
// =======你可以简写为下面这一行========
const { crudRef, crudBinding, crudExpose, customExport } = useFs({ createCrudOptions, customValue });
const { crudRef, crudBinding, crudExpose, context } = useFs({ createCrudOptions, context: {} });
// 页面打开后获取列表数据
onMounted(() => {
@@ -16,7 +16,7 @@ import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, dict, Edi
import _ from "lodash-es";
//此处为crudOptions配置
const createCrudOptions = function ({ crudOptions, customValue }: CreateCrudOptionsProps): CreateCrudOptionsRet {
const createCrudOptions = function ({}: CreateCrudOptionsProps): CreateCrudOptionsRet {
//本地模拟后台crud接口方法 ----开始
const records = [{ id: 1, name: "Hello World", type: 1 }];
const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
@@ -88,9 +88,6 @@ const createCrudOptions = function ({ crudOptions, customValue }: CreateCrudOpti
export default defineComponent({
name: "FsCrudHelloWorld",
setup() {
// 演示自定义变量传递, 将会传递给createCrudOptions
const customValue: any = {};
// // crud组件的ref
// const crudRef: Ref = ref();
// // crud 配置的ref
@@ -98,13 +95,13 @@ export default defineComponent({
// // 暴露的方法
// const { crudExpose } = useExpose({ crudRef, crudBinding });
// // 你的crud配置
// const { crudOptions, customExport } = createCrudOptions({ crudExpose, customValue });
// const { crudOptions, customExport } = createCrudOptions({ crudExpose, context });
// // 初始化crud配置
// const { resetCrudOptions, appendCrudBinding } = useCrud({ crudExpose, crudOptions });
// =======以上为fs的初始化代码=========
// =======你可以简写为下面这一行========
const { crudRef, crudBinding, crudExpose, customExport } = useFs({ createCrudOptions, customValue });
const { crudRef, crudBinding, crudExpose, context } = useFs({ createCrudOptions, context: {} });
// 页面打开后获取列表数据
onMounted(() => {
@@ -21,8 +21,7 @@ import _ from "lodash-es";
export default defineComponent({
name: "BasisReset",
setup() {
const customValue: any = {}; //自定义变量,传给createCrudOptions的额外参数(可以任意命名,任意多个)
const { crudBinding, crudRef, crudExpose, customExport, crudOptions, resetCrudOptions, appendBindingOptions } = useFs({ createCrudOptions, customValue } as UseFsProps);
const { crudBinding, crudRef, crudExpose, context, crudOptions, resetCrudOptions, appendBindingOptions } = useFs({ createCrudOptions, context: {} });
setTimeout(() => {
//合并新的crudOptions
@@ -19,7 +19,6 @@ export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOpti
};
return {
output: {},
crudOptions: {
request: {
pageRequest,
@@ -18,7 +18,7 @@ import createCrudOptions from "./crud.js";
export default defineComponent({
name: "BasisValueChange",
setup() {
const { crudBinding, crudRef, crudExpose, output } = useFs({ createCrudOptions });
const { crudBinding, crudRef, crudExpose, context } = useFs({ createCrudOptions });
// 页面打开后获取列表数据
onMounted(() => {
@@ -28,7 +28,7 @@ export default defineComponent({
return {
crudBinding,
crudRef,
...output
...context
};
}
});