yann-useorderfun v0.3.2

yann-useOrderFun

使用

import { useOrderFun, useWatchOrderFun } from 'yann-useorderfun';
import { ref } from 'vue';

const f1 = v => {
  console.log('f1', v);
  return v + 1;
};

const f2 = v => {
  return new Promise((resolve, reject) => {
    console.log('f2', v);
    resolve(v + 10);
  });
};

const wait = time => {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve();
    }, time);
  });
};

const f3 = async v => {
  await wait(2000);
  console.log('f3', v);
  return v + 100;
};

// 方案一 手动更新list,手动执行update更新statusList，update可以传递新的list
// start执行时，会根据list重置statusList的状态
const list = [f1, f2, f3];
const { statusList, result, error, start, suspend, update } = useOrderFun(list);
const [err, res] = await start(data);
// 如果需要更新 list，可以执行更新函数 update
update([f1, f2]);
const [err, res] = await start(data);

// 方案二 自动监听listRef变化，自动更新statusList
// start执行时，会根据listRef重置statusList的状态
const listRef = ref([f1, f2, f3]);
const { statusList, result, error, start, suspend } = useWatchOrderFun(listRef);

介绍