dewfall123 / ahooks-vue Goto Github PK

View Code? Open in Web Editor NEW

125.0 5.0 29.0 6.25 MB

🛠️ Vue hooks library.

Home Page: https://dewfall123.github.io/ahooks-vue/

JavaScript 2.50% TypeScript 71.62% Vue 25.27% CSS 0.60%

vue vue-hooks-library hooks vue-next utility-library ahooks vue-hooks

ahooks-vue's Introduction

ahooks-vue

Vue Hooks Library.

Most hooks implementation is original ported from ahooks.

Document

Features

Easy to learn and use.
Works for both Vue 3 and 2 ( thanks for vue-demi ).
Written in TypeScript with predictable static types.

Install

yarn add ahooks-vue

Usage

import { useWorkerFunction } from 'ahooks-vue';

Contributing

Setup ahooks-vue dev environment

Clone the ahooks-vue repo
Install dependencies
```
yarn
```
run demo
```
yarn dev
```
- If it's successful, you should see the following message:
```
listening at http://localhost:3000
```

TODO

watchOnce

ahooks-vue's People

Contributors

Stargazers

Watchers

ahooks-vue's Issues

useRequest类型推导不完善，无法根据initData和formatResult推导出正确的data类型

提了个pr，希望可以采纳

useRequest怎么避免外部传入$event导致defaultParams被覆盖问题？

内部function run(...args){}
外部使用的时候const {run:getCatImg} = useRequest(...)
然后通过@click="getCatImg"
此时defaultParams不就被覆盖了吗

ready的配置

ready配置有考虑加上吗，感觉还是挺有用的，当一个页面有多个请求，同时又有请求需要等待其他请求完成并且有值时再请求就可以用ready了，没这个配置现在只能通过watch来手动执行run，感觉可以优化一下，但是又看到源码里面有ready: boolean的注释，不知道是不是出于什么原因没有加上。

useRequest 的 error 值，在重新发起请求并成功后没有重置

vue2和vue3得分别写一遍吗

我看你package里面建了vue2、vue3两个文件夹。看看能不能用编译的方式生成两个，不然维护两个版本不很蛋疼吗

文档没代码

code引用不到

我们如果做不到那样子的组件，真实效果还有隐藏展示，建议先copy代码到md。
建议把文档放到线上

出现了警告

vue版本 3.X
ahooks-vue 版本：最新
使用 vite2 官方模版创建项目，只额外引入了ahook-vue ，出现了警告。
找了一晚上没有发现原因

vue3的项目引用不到

我用官网vite搭建的vue3项目。
import {useToggle} from '@dewfall/vhooks'
引用不到
Uncaught SyntaxError: The requested module '/@modules/@dewfall/vhooks/dist/index.js' does not provide an export named 'useToggle'

人家ahooks是alibaba的hooks库，你这里ahooks是什么鬼 [哭笑]

ahooks

查看 Codepen 示例，报错

点击查看代码示例后，发现合成的代码有问题，无法预览 :-(

另外，如何开启 CodesandBox 预览呢？ @dewfall123

new Vue({
	el: '#app', 
	import { useSize } from 'ahooks-vue';
import { ref } from 'vue';

  setup() {
    const divRef = ref(null);
    const size = useSize(divRef, {
      onChange: () => {
        console.log('size change');
      },
    });

    return {
      divRef,
      size,
    };
  },
};
})

无法找到模块“ahooks-vue”的声明文件。“d:/Projects/UI/vue-app-ts/node_modules/ahooks-vue/dist/ahooks-vue.es.js”隐式拥有 "any" 类型。
There are types at 'd:/Projects/UI/vue-app-ts/node_modules/ahooks-vue/dist/src/index.d.ts', but this result could not be resolved when respecting package.json "exports". The 'ahooks-vue' library may need to update its package.json or typings.ts(7016)