Spark-utils NPM

spark-utils

目的

spark-utils是一个JavaScript实用工具库，里面有各种常用的工具方法

安装

npm install spark-utils

使用

// 首先先引入需要的方法名
import { StateFlow, onMountDialog, promiseResultHandle } from 'spark-utils'; // 按需引入
import sparkUtils from 'spark-utils'; // 全部引入

// StateFlow 状态管理流
// 初始化并注册
const myStateFlow = new StateFlow('$father', {
    fn1: () => {},
    fn2: () => {}
}),

// 注入方法或数据
// 方式1: 通过对象注入
myStateFlow.set('$child', {
    fn3: () => {},
    test: 'test'
})
// 方式2：通过.式注入
myStateFlow.set('$child.fn3', () => {})
myStateFlow.set('$child.test', 'test')

// 触发注入方法
myStateFlow.action('$child.fn3')
myStateFlow.action('$father.fn1')

// 获取注入对象
myStateFlow.get('$child.test')

// 销毁
myStateFlow.destroy() // 销毁所有注入
myStateFlow.destroy('$child') // 销毁指定注入

// uniqueObjects 对象数组去重
uniqueObjects([{a: 1, b: 3}, {a: 1}, {a: 2}], 'a') // 返回 [{a: 1, b: 3}, {a: 2}]

// parseUrlParams 地址解析
parseUrlParams('wwww.adc.com?p1=1&p2=2') // 返回 {p1: '1', p2: '2'}

// onMountDialog 弹窗挂载（目前只支持VUE）
onMountDialog({
    targetEl: el, // 默认 document.body
    dialog: () => import('dialog.vue'), // 弹窗组件
    propsData: {} // 传入的弹窗组件的参数
    ok: () => {}, // 确认回调
    close: () => {}, // 关闭回调
    callback: () => {}, // 其他回调
})

// promiseResultHandle promise结果处理
// 可以是请求对象
const promise = Promise.resolve({ data: { resultData: [] }, serviceSuccess: true, code: 200 })
promiseResultHandle({ 
    promise, // promise对象
    resultKey: 'data.resultData', // 结果数据key
    verifyConfig: { code: 200, serviceSuccess: true }, // 验证配置
    }).then(res => {
    console.log("🚀 ~ promiseResultHandle ~ res:", res)
})