alovajs / scene Goto Github PK

Reproduction Link

SyntaxError: Cannot use 'import.meta' outside a module

Version

2.0.16

Describe the Bug

Next.js 项目中不支持esm，请问只提供了esm版本吗

Reproduce Steps

next

Device / Browser / Browser Version

No response

Reproduction Link

无

Version

1.4.0

Describe the Bug

请详细描述bug

const { page, data: dataSource, replace, isLastPage, loading } = usePagination(
	(pageNo, pageSize) => IndexApi.deviceManagePage({ pageNo, pageSize, type: type.value}),
	{
		// 请求前的初始数据（接口返回的数据格式）
		initialData: {
			total: 0,
			list: []
		},
		data: response => response.list,
		initialPage: 1, // 初始页码，默认为1
		initialPageSize: 10, // 初始每页数据条数，默认为10
		append: true,
		watchingStates: [pickerValue],
	}
)

第一次请求的参数
pageNo=1&pageSize=10&type=0
第二次请求的参数
pageNo=2&pageSize=10&type=0

(pageNo, pageSize) => {
	console.log(pageNo);
	return IndexApi.deviceManagePage({ pageNo, pageSize, type: range.value[pickerValue.value].value })
},

输出为

期望的表现

No response

alova 版本

2.16.1

设备/浏览器/浏览器版本

No response

额外的说明

No response

Reproduce Steps

1、使用了uniapp 适配器 。
2、使用usePagination

Device / Browser / Browser Version

No response

你在什么情况下，需要这个功能解决什么问题？

分页 hook reload 函数从cofnig 中获取initialPage页，并重新加载数据，我认为这样更加符合直觉，而不是固定从第一页开始加载。

你期望的 API 是什么样子的？

rt

Reproduction Link

无

Version

1.4.2

Describe the Bug

[Bug Report] 使用 usePagination 的过程中 Method 出现了 error，再次调用 reload 会调用失败

Reproduce Steps

使用 usePagination 的过程中 Method 出现了 error，再次调用 reload 会没有效果

Device / Browser / Browser Version

任意

Reproduction Link

https://codesandbox.io/p/devbox/alova-usepagination-564lfk?layout=%257B%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522rootPanelGroup%2522%253A%257B%2522direction%2522%253A%2522horizontal%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522id%2522%253A%2522ROOT_LAYOUT%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522clq0oaqne00073b6h29vkhjls%2522%252C%2522sizes%2522%253A%255B70%252C30%255D%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522EDITOR%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522id%2522%253A%2522clq0oaqnd00023b6hm7cwa98w%2522%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522SHELLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522id%2522%253A%2522clq0oaqnd00043b6hsfki2uez%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522DEVTOOLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522id%2522%253A%2522clq0oaqne00063b6hkz8cmhat%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%252C%2522sizes%2522%253A%255B50%252C50%255D%257D%252C%2522tabbedPanels%2522%253A%257B%2522clq0oaqnd00023b6hm7cwa98w%2522%253A%257B%2522id%2522%253A%2522clq0oaqnd00023b6hm7cwa98w%2522%252C%2522tabs%2522%253A%255B%255D%257D%252C%2522clq0oaqne00063b6hkz8cmhat%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clq0oaqne00053b6hl1vsdag4%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522TASK_PORT%2522%252C%2522taskId%2522%253A%2522npm%2520run%2520dev%2522%252C%2522port%2522%253A5173%252C%2522path%2522%253A%2522%252F%2522%257D%255D%252C%2522id%2522%253A%2522clq0oaqne00063b6hkz8cmhat%2522%252C%2522activeTabId%2522%253A%2522clq0oaqne00053b6hl1vsdag4%2522%257D%252C%2522clq0oaqnd00043b6hsfki2uez%2522%253A%257B%2522id%2522%253A%2522clq0oaqnd00043b6hsfki2uez%2522%252C%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clq0oaqnd00033b6hrdmh1k1o%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522TASK_LOG%2522%252C%2522taskId%2522%253A%2522npm%2520run%2520dev%2522%257D%255D%252C%2522activeTabId%2522%253A%2522clq0oaqnd00033b6hrdmh1k1o%2522%257D%257D%252C%2522showDevtools%2522%253Atrue%252C%2522showShells%2522%253Atrue%252C%2522showSidebar%2522%253Atrue%252C%2522sidebarPanelSize%2522%253A15%257D

Version

1.2.1

Describe the Bug

使用@alova/scene-vue中的usePagination, config中正确设置了initialData，total，data, 不立即请求，此时total，data并没有为initialData中预设的值。vue devtools中的显示如下：

源码中初始化data和total的时候，似乎并没有考虑根据initialData来赋值。

Reproduce Steps

1. const {data, total} = usePagination(getter, {initialData: { total: 3, data: [1,2,3]}, immediate: false})
2. data, total 值不正常

Device / Browser / Browser Version

No response

Reproduction Link

无

Version

1.5.0

Describe the Bug

在 Taro + React + 微信小程序环境下，引入 useCaptcha 后，报错：can not call useHooks until set the 'statesHook' at alova instance

已经在创建实例的时候使用了 adapter-taro：

// 创建实例
import { createAlova } from 'alova'
import AdapterTaro from '@alova/adapter-taro'

export const user = createAlova({
  baseURL: BaseUrl.PROD,
  ...AdapterTaro(),
})

使用下面代码，在页面渲染阶段就报上面的错：

const getVerifyCode = (params) => user.Post('/verify_code/', params)

const {
  loading: sending,
  send: sendCaptcha,
  countdown,
} = useCaptcha(() => getVerifyCode({ phone }), {
  initialCountdown: 60,
})

Reproduce Steps

在 Taro + React + 微信小程序场景下引入

Device / Browser / Browser Version

No response

Reproduction Link

https://github.com/lanhui100/alova-bug.git

Version

1.4.3

Describe the Bug

使用usePagination hook，data使用回调函数制定为：data: (response) => response.results, 但data类型仍然是method的ts类型

以下是代码示例：
const { data, isLastPage, page, pageSize, pageCount, total, loading, error, onError, onSuccess } = usePagination( (page, pageSize) => getProjectListApi(status.value, client, location.value, page, pageSize), { total: (response) => response.count, data: (response) => response.results, initialData: { total: 0, data: [] }, initialPage: 1, initialPageSize: 10 } )

错误是：data应返回ts类型为Project[], 但实际返回的是method getProjectListApi返回的类型是ProjectPaged:
export interface ProjectPaged { count: number next: string previous: string results: Project[] }

Reproduce Steps

描述如上

Device / Browser / Browser Version

Chorme