smirk-kit v0.0.4-alpha

@jeliss/tools 自用的工具包

目前包含： 1. use- ：vue3 的 hooks。 2. trs- ：格式转换相关工具。 3. 其他。

Hooks

• useDsCore

  数据源管理（常用于大屏项目）。基于 pinia 实现（主要能够在 vue-devtools 中调试），采用发布订阅模式，使请求的触发和响应解耦。支持多个 request 聚合；支持设置轮询；支持响应结果预处理以及创建新的数据源等。

  示例：

  // apis 定义任务
  const dsTasks = {
      foo: {
          interval: 10,
          deps: ['id'],
          request: p => fetch('/api/foo?id=' + p.id),
          interceptor: (res, o) => {
              // 响应结果预处理
              // 增加数据源 o.set('name1', res.xx)
              return res
          }
      }
  }
  // 组件中 实例化
  import smk from 'smirk-kit'
  const dsCore = smk.useDsCore(/*可以传个字符串，以创建多个数据源管理*/)
  
  // 启动所有任务
  dsCore.provide(dsTasks)
  
  // 更新依赖
  dsCore.updateDeps({ id: 2 })
  
  // 接收响应结果
  const foo = computed(() => dsCore.get('foo') ?? {})
  // 或
  dsCore.listener('foo', res => {
      console.log('foo:', res)
  })

  Methods

  deps()  ——查看当前所有的依赖参数
  initDeps(params)  ——初始化依赖参数
  updateDeps(params)  ——更新依赖参数，关联的 request 会发起请求
  provide(obj|arr)  ——启动数据源引擎
  send(reqOrName, opts)  ——触发一个数据源任务，共享数据源维护的依赖参数，但不会被动执行，响应结果也不会放进数据池
  listener(name, callback)  ——监听数据源
  stop(name)  ——停止轮询
  get(name)  ——获取某数据源，一般搭配计算属性使用
  set(name, data)  ——手动新增或更新某数据源，可在 interceptor 中拦截，将一个 request 响应分别存储到多个数据源
  reload()  ——全部更新

Utils

isPC
debounce
throttle
getCssRootValue
getDateTime
getSequence

localStorage
sessionStorage

startInterval

trsBase64ToBlob
trsBase64ToFile
trsBlobToBase64
trsBlobToUrl
trsImgToBase64
trsNumToZh
trsStreamToFile